1.首先认识一下什么是JavaScript
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
2.JavaScript与java的区别:
JavaScript和java没有任何关系,只是语法类似。JavaScript运行在浏览器中,代码由浏览器解释后执行。而Java运行在JVM中。
3.js如何引入html
<html>
<head>
1.在这里引入 js文件:
这里以下的内容会等js加载完毕以后才开始渲染, 这个js文件开始运行的时候DOM ready还没触发, 所以不能做$('.someClass')之类的操作(你根本找不到它们)。
这里适合做页面开始渲染之前必须执行或检查的东西。
比如浏览器兼容性的检查,比如modernizr; Google Analytics 生成的代码也必须放在这里 加载超级慢的js文件千万不要放在这里,
会导致整个页面暂停加载!
</head>
<body> .
.. ...
2.在body底部:
在这里引入 js文件:
这里引入
js文件时页面已经基本完成加载, 并通常已经完成大部分html和css控制的渲染, 但不一定完成所有图片,视频的加载。
这里你可以使用$('.someClass')等DOM操作。 不影响页面渲染的逻辑(比如所有用户触发的逻辑, 如按钮点击的handler,ajax等等)通常放在这里。 但是!如果你的html有类似于handlebar之类模版如 <div>{{ myName }}</div>之类, 然后在这个js里面把myName替换成字符串的话, 在这个js加载,运行之前的几十到几百毫秒内, “{{ myName }}”字符串会短暂的出现在浏览器中; 同样,如果你在这个js里面动态添加DOM元素或CSS的话, 页面会出现短暂空白, 这就是常说的Flash of Unstyled Content问题。
</body>
3.在这里引入 js文件:
这里不能引入js文件, 虽然可能浏览器也会执行,但这是错误的做法
<html>
4.在这里引入 js文件:
这里不能引入js文件, 虽然可能浏览器也会执行,但这是错误的做法