JS书写格式及常见的输出方式

内联方式 (在一对script标签中书写)

如果将JS代码写到了一对head标签中的一对script标签中, 那么JS代码必须写到window.onload = function(){}的大括号中

因为浏览器渲染界面的时候, 会从上至下的执行代码(加载元素), 如果直接在一对head标签中的一对script标签中书写JS代码, 如果做了DOM操作, 那么可能拿不到需要操作的元素

window.onload = function (){}这句代码的含义就是等到界面上所有DOM元素加载完毕之后再执行里面的JS代码

外联方式 (在一个单独的文件中书写)

由于外联方式导入JS文件的时候, 也是写在了Body标签的前面,
所以在单独的JS文件中也必须将JS代码写到window.onload = function () {}中
这样才能保证将来做DOM操作时, 界面上的DOM元素都加载完毕了

• 注意点:
  • 不能在外联方式的一对script标签中再编写JS代码, 即便编写了也不会执行

如果将JS代码放到了body标签的最后, 那么就不用添加window.onload = function (){}这句代码了, 因为执行到JS的时候, 上面的所有DOM元素都已经加载完毕了

JS常见的输出方式

1. 在浏览器弹窗中输出内容

   • alert 效果: 弹出一个窗口, 将传入的字符串输出给我们看
     alert("我是一个弹窗");

   • confirm 效果: 和 alert 一样, 会弹出一个窗口, 但是比 alert 多了一个按钮

var res = confirm("我是一个弹窗");
console.log(res);

• prompt 效果: 弹出一个窗口, 让用户输入内容

var res = prompt("我是一个弹窗");
console.log(res);

2. 在网页中输出内容
   document.write("我是被输出的内容");

3. 在控制台中输出, 和过去的printf/fmt.Println一样

console.log("普通的打印");
console.warn("警告的打印");
console.error("错误的打印");