Javascript复习1
document.write()和document.writeln()有什么区别
解决思路：
两者都是JavaScript向客户端输出的方法，对比可知写法上的差别是一个ln--line的简写，换言之，writeln 方法是以行输出的，相当于在 winte 输出后加上一个换行符。
document.writeln("1");
document.writeln("1");---输出1 1
document.write("1");
document.write("1");---输出11
JS的输出语句：
1.输出纯文本
document.write("hello word!");
2.输出HTMl标签
document.write("<h1>hello world</h1>");
document.writeln("asldfkjasd;lkf");
3.弹出警告框
window.alert('hello word');
4. 浏览器控制台调试工具
调出控制台： F12 、 鼠标右键->检查、 Ctrl+Shift+i 或者 Ctrl+Shift+j
console.log('hello world');
console.debug('hello world');
外部引入javascript
如果script标签里面写了 src属性，并且指定了目标JS文件。<script type="text/javascript" src="02-js.js"></script>
标签内就不能再写JS代码， 因为浏览器在加载时，会将JS文件中的代码放置在标签内运行，原有的代码就会被覆盖掉
坑：
script标签中不能写HTML和CSS代码，只能写JS代码
Javascript代码一般写在<head>标签的<scripit></script>标签中
通过type属性告知浏览器标签内容是Javascript代码。
引用方式：
1、Javascript可以写在script标签内（内嵌方式）
2、Javascript可以写在单独的文件中（外联方式）
3、在html文件中使用Javascript代码文件
<script type="text/javascript" src=’hello.js’></script>
4、JavaScript可以写在HTML标签的事件属性中
onclick点击事件（用户点击），属性值：点击时，执行的js代码。
<button onclick="alert(250);" >点击我</button>
用户点击，button的时候会提示250；
5、Javascript可以A标签的href属性中
a标签：超链接，主要用于跳转到href属性设置连接地址；
<a href=”http://www.itsource.cn”>源代码官网</a>
a可以设置href值前缀以“javascript:”（前缀其实叫协议,例如：thunder://xxxfasdfasd,迅雷的协议，点击这样的连接打开的不是页面，而是迅雷）开头，当用户点击的时候就会告诉浏览器这不是一个连接地址，而是需要执行一段javascript代码。
<a href=”javascript: alert(‘搞啥子？？？’);”>点我</a>
script标签的规范位置
虽然<script>标签可以放在<html>标签的任何位置，但是为了网页的整体结构和开发人员多数的契约，我们应该放在如下两个位置：
a)所有的<script>标签都应该放在页面的<head>标签中；
b)为了让内容优先加载显示，提高用户体验，也可以把<script>标签放在</body>结束标签之前。
四种方式的区别和用法
1、内嵌方式的Javascript只能够在当前html文件中使用；
2、外联方式的js文件可以被多个html页面使用；
3、onclick是一个事件（发现什么什么后）属性，只有发现后才执行；
4、a标签本身是超链接，但是我们一旦指定javascript:协议后，点击这个超链接，就告诉浏览器需要执行一段javascript代码。与onclick一样都是点击后执行。
<script>标签选择：如果一个Javascript代码被多个html文件使用，请选择外联方式， 或者可以选择内嵌方式,策略与css一样。
注意点
1、script标签的type属性可以不设置，因为默认就是为text/javascript,如果你设置了请保证你type属性值为text/javascript；请勿选择text/vbscript等。
2、script标签中的内容为js代码，如果指定了src属性，那么万万不能在script标签中编写js代码，因为浏览器会加载src属性对应的文件内容到script内容中。
hello.js 文件
alert(“hello world”);
-----------------------------------------------------------------------
<script type=”text/javascript” src=”hello.js”>
alert(“hehehehehe”);//代码不会被执行，因为的内容被src对应的文件内容替换掉。
</script>
3、<script>标签中只能写JavaScript代码，其他的东西都不可以，比如标签、样式。 */
浙公网安备 33010602011771号