javascript入门

1.javascript为我们提供了四种常用的方法:

1)console                    控制台打印

2)alert       ok框

3)confirm      确定取消框

4)prompt      提示消息框

其中第一种打印,又有5中方法:

console.log()   打印日志    console.dir()    打印对象解构(就是控制台中打印出来有个黑色倒三角,点击会出来很多东西)

console.error()   打印错误     console.trace()   打印信息    console.info()     打印信息

2.javascript提供的标签书写方法

1)document.write("你好")       在文档中写入文字

document.write("<ul><li></li><ul>")      可以在文档中写入标签     

这种方法不常用,因为write只能基于document,不支持div等标签。

3)

var div=document.getElementById("div0");//根据Id获取标签元素
  div.innerHTML="<a href=‘#‘>超链接</a>";

这种方法也是在页面中插入标签,文字的方法,相比于write的方法要更优化。

<body>
    <div id="div0"></div>
    <script>
        var div=document.getElementById("div0")
        div.style.widtth="100px";
        div.style.backgroundColor="#fff"
    </script>
</body>

这种方法是比较常用的,而且推荐初学javascript的小白,可以尝试使用这种方法去写页面,可以快速提高对javascript理解。

3.下面附上一个上面方法的应用,比较简单,勿喷。

<button id="bt">按钮</button>
    <script>
        var a=1;
        var bt=document.getElementById("bt");
        bt.onclick=function(){
            a=a+1;
            bt.innerHTML=a;
        }
    </script>

相关推荐