Blogger Information
Blog 39
fans 0
comment 0
visits 30543
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS:基本语法练习
Original
983 people have browsed it

窗口显示代码片段1

  1. <body>
  2. <script>
  3. window.document.write("<h1>JS,我来了!</h1>");
  4. </script>
  5. </body>

演示效果:

异步加载代码片段2

  1. <body>
  2. <script src="test.js" async>
  3. window.document.write("<h1>我是JS!</h1>");
  4. </script>
  5. <h2>我是body!</h2>
  6. </body>

演示效果:

延时加载代码片段3

  1. <body>
  2. <script defer>
  3. alert("我先弹出来!");
  4. </script>
  5. <h1>我是body</h1>
  6. </body>

演示效果:

蓝字代码片段4

  1. <body>
  2. <h2>人人为我,我为人人</h2>
  3. <script>
  4. document.querySelector("h2").style.color="blue";
  5. </script>
  6. </body>

演示效果:

总结:
1.JS代码可以写在HTML文档的任何地方,所以写在最后就不会影响任何东西。
2.延时、异步的作用是防止由于JS代码文件过大,而出现的假死现象。
3.如果使用了scr属性调用外部js文件,会忽略内部JS代码。
4.虽然中文可以做变量名,但不建议使用,防止html和js的中文字符集不一致导致发生问题。
5.浏览器都自带JS解析器console,可用于把代码结果推送到Console窗口,便于检查。
6.变量、函数区分大小写(变量与PHP一样)。常量是一种约定,大于规则;变量可以赋各种值(更新、重新声明var)。
7.两种作用域:函数、全局,js5没有块作用域(两个{}之间)。
8.JS5的变量声明提升:未定义之前就可以使用,相当于变量声明提到前面。

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:最好再配合一些其它课外书扩展知识面
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post