码迷,mamicode.com
首页 > 编程语言 > 详细

javascript入门

时间:2020-06-16 23:32:27      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:方法   col   插入   fun   pre   inf   idt   button   dir   

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>

 

 

javascript入门

标签:方法   col   插入   fun   pre   inf   idt   button   dir   

原文地址:https://www.cnblogs.com/94-Lucky/p/13149657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!