【JavaScript】案例解析说明

1.如果一串代码比较长,在编辑器中想换行,可以在要输入的字符串内容中使用斜杠 \ 来进行换行不报错。

\n 表示里面的内容换行 document.write("你好\n世界!");  你好 会显示一行   世界! 会显示一行

2. 标签内的 标签 和 script 可以混着写。然后按着顺序来渲染。

点击按钮button ---》触发 onclick 事件 ---》这个事件干嘛的呢?myFucntion() 这个函数告诉你 ---》文档通过id获取元素 id="myPar" 的 innerHTML 内的内容 替换为 “你好世界!”



我的 Web 页面

我是一个段落。

我是一个div。

当您点击上面的按钮时,两个元素会改变。

【JavaScript】案例解析说明_第1张图片

 3. var 声明变量  声明变量之后必须要赋值,否则为空(它没有值)

const 关键字,表明是一个常量

【JavaScript】案例解析说明_第2张图片

【JavaScript】案例解析说明_第3张图片

【JavaScript】案例解析说明_第4张图片

 4. if 条件语句案例

【JavaScript】案例解析说明_第5张图片

【JavaScript】案例解析说明_第6张图片

 

 5. Math.random() 表示随机数在 [0,1) 

        randint() 随机整数

 6. switch case

【JavaScript】案例解析说明_第7张图片

7.这个表示 input 标签  类型是  按钮 , 按钮显示的值 value 是 显示警示框

当然也可以直接用 button 按钮   

【JavaScript】案例解析说明_第8张图片

 8. alert 弹框   警示框

【JavaScript】案例解析说明_第9张图片

 9. confrim  弹框   确认框

【JavaScript】案例解析说明_第10张图片

 10. prompt()  弹框 提示框

【JavaScript】案例解析说明_第11张图片

11. JavaScript 函数

【JavaScript】案例解析说明_第12张图片


 

【JavaScript】案例解析说明_第13张图片


 

【JavaScript】案例解析说明_第14张图片


 

【JavaScript】案例解析说明_第15张图片


 

【JavaScript】案例解析说明_第16张图片

【JavaScript】案例解析说明_第17张图片

【JavaScript】案例解析说明_第18张图片

 

【JavaScript】案例解析说明_第19张图片

 

【JavaScript】案例解析说明_第20张图片 

 

 

 

 

你可能感兴趣的:(前端,javascript)