web前端开发笔记——JavaScript(3)
2020-08-07 11:49
861 查看
学JavaScript的第三天
JavaScript 能够以不同方式“显示”数据:
- window.alert() 写入警告框
- document.write()写入html输出
- innerHTML写入html元素
- console.log() 写入浏览器控制台
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>inner HTML</title> </head> <body> <p>document.write()在html文档完全加载后删除已有的html</p> <button type="button" onclick="document.write(5 + 6)">点击运行document.write()</button> <p id="demo"></p> <script> document.getElementById("demo").innerHTML=5+6; document.write(5+5); window.alert(1+2); console.log(9+9); </script> <p>console.log()需通过f12找到控制台查看运行结果</p> </body> </html>
window.alert()
运行document.write()后
通过f12打开控制台
语句语法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>console.log()</title> </head> <body> <p>打开控制台查看结果</p> <script> a=5; b=6; c=a*b; console.log(c); </script> </body> </html>
var语句用于声明变量并可以赋值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>var语句</title> </head> <body> <p id="demo"></p> <p id="demo2"></p> <script> var a="hello javascript"; document.getElementById("demo").innerHTML=a; var x,y,z; x=20; y=30; z=x+y; document.getElementById("demo2").innerHTML="z的值为:"+z; </script> </body> </html>
JavaScript同样大小写敏感,JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写,JavaScript 中不能使用连字符。它是为减法预留的。但可以使用下划线达到同样的效果。
正确书写格式:first_name ,one_game, myDog , firstProject
语句
语句 | 作用 |
---|---|
break | 跳出循环 |
continue | 跳出循环并重顶端开始,用于迭代 |
for | 循环语句,在执行语句为true时,一直重复代码块 |
for… in | 用于遍历数组或者对象属性的循环 |
do… while | 执行一个语句块,在条件语句为 true 时继续执行该语句块。 |
if … else | 根据某个条件,执行不同的语句块 |
switch | 用于基于不同的条件来执行不同的动作。 |
catch | 在 try 语句块执行出错时执行 catch 语句块。 |
try | 实现错误处理,与 catch 一同使用。 |
throw | 抛出(生成)错误 。 |
function | 定义一个函数 |
return | 退出函数。 |
var | -声明一个变量 |
相关文章推荐
- Web前端开发笔记--JavaScript课堂笔记及练习
- web前端开发笔记:JavaScript面向对象总结
- javascript笔记1.0课时二(素材来源渡一教育web前端开发JavaScript精英课js)
- Web前端开发笔记--Javascript
- Web前端开发修炼之道—笔记
- 五个你必须知道的javascript和web debug技术 2013年11月20日 在前端开发中,调试技术是必不可少的技能,本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点
- WEB前端开发笔记之ajax的跨域访问(搜索引擎篇)
- web前端-关于javascript开发的重要知识点
- Web前端开发最佳实践(12):JavaScript代码中有大量写死的配置数据?这些数据难以维护,你需要合理组织这些数据
- 前端开发自动化工作流工具,JavaScript自动化构建工具grunt、gulp、webpack介绍
- 网站开发WEB前端高性能优化之JavaScript优化细节
- 黑马程序员--Java学习笔记之Web开发—JavaScript常用触发事件总结
- web开发中,前端javascript代码的组织结构
- web前端网页开发笔记
- 【web前端开发技术】深入理解JavaScript中的依赖注入
- Web前端开发笔试题集锦之Javascript篇
- 网站开发WEB前端高性能优化之JavaScript优化细节
- Web前端开发精品课HTML CSS JavaScript基础教程第九章课后编程题答案
- 前端开发自动化工作流工具,JavaScript自动化构建工具grunt、gulp、webpack介绍
- JavaScript-JS命名空间的构造和实现-[web前端开发]