javaScript学习笔记分享1

168 阅读2分钟

1.javascript位置区别

1.<body></body>之间当浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。这里可以放函数也可以放立即执行的语句,但是如果需要和网页元素互动的(比如获取某个标签的值或者给某个标签赋值),Javascript代码务必在标签的后面

2.<head></head>不需要载入HTML就运行js,而是html中触发了某个事件时才会调用。由于这候网页主体(body)还未加载,所以这里适合放一些不是立即执行的自定义函数,立即执行的语句则很可能会出错(视浏览器而定)

3.在html文件之外引用js文件,可以实现js的复用。

4.写在<body></body>下面:这时候整个网页已经加载完毕了,所以这里最适合放需要立即执行的命令,而自定义函数之类的则不适合。

2.js弹出消息对话框的几种方式

`

//直接弹出,无取消按钮    
alert("alert");
//有取消按钮
confirm("Confirm");
//弹出输入框
prompt("prompt");
//未知
document.write("document.write");
//写入控制台 F12 查看
console.log("console.log"); 

`

3.document.write和innerHTML主要区别:

document.write是直接将内容写入页面的内容流,会导致页面全部重绘,innerHTML将内容写入某个DOM节点,不会导致页面全部重绘

1.使用document.write:

<body>

初始内容


<button onclick="fun()" >按鈕</button>


<script>
    function fun() {
        document.write("write内容");
    }

</script>

</body>

1151930-20180416170041727-976394017.gif

2.使用innerHTML:

初始内容<a id="p"></a>
<button onclick="fun()">按钮</button>
<script>
    function fun() {
       document.getElementById("p").innerHTML="新增加的innerHTML内容";
    }
</script>
</body>
## 4.js是动态语言,它的数据类型取决于所赋的值的类型,和其他语言不同。

1151930-20180416170431960-179640679.gif

4.js是动态语言,它的数据类型取决于所赋的值的类型,和其他语言不同。

    console.log(num1);
    var num2 = 0x10;
    console.log(num2); //0x开头16进制
    console.log(Number)
    console.log(Number.MAX_VALUE); //最大值
    console.log(Number.MIN_VALUE); //最小值
    console.log(Number.MAX_VALUE * 2); //正无穷大
    console.log(-Number.MAX_VALUE * 2); //无穷小
    console.log("dadad" - 1000); //NaN非数字的

1.png

    console.log(-Number.MAX_VALUE * 2); //无穷小
    console.log("dadad" - 1000); //NaN非数字的
        
        

2.png

5.单引号和双引号的区别

从编译速度上来看,单引号在浏览器中被编译的速度更快;

单引号与双引号在各自单独使用时,基本没有区别;

外面用了双引号,里面就不可以在用双引号了;外面用了单引号,里面也就不可以用单引号了。