博客列表 >JS:基本语法练习

JS:基本语法练习

楷
原创
2020年05月21日 13:18:38982浏览

窗口显示代码片段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的变量声明提升:未定义之前就可以使用,相当于变量声明提到前面。

上一条:JS基础知识下一条:JS 变量简介
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议