Javascript入门一

来源:互联网 发布:mysql教程视频下载 编辑:程序博客网 时间:2024/05/24 04:07

JAVASCRIPT的四种输出

说是4种输出 其实真正改变页面的只有两种 都是通过windows对象的子对象document来完成的 而另两种 一种是跳出alert警告框 另一种是用console.log()方法在浏览器的控制台进行输出 初期都只是基本上用作调试 后来有需求才会使用
而通过document对象来进行输出 是动态的进行交互改变 例如在按下按钮改变输出的文字 会比较实用些

<html>    <head>        <script>            //alert("是你叫我?");            //console.log("不 是你在叫我");            //document.write("什么 你叫我");        </script>    </head>    <body>        <div id="hhh"><p id="kkk">猜猜我是谁</p></div>        <script>        //document.getElementById("kkk").innerHTML="不是你";        //document.getElementById("hhh").innerHTML="是你是你";        //document.write("什么 你叫我");        </script>    </body></html>

这里console.log以及alert就不必多说了
具体说一下document对象下两个方法的注意事项
1. 两个方法的区别在于一个是创造一个是改变 document.write方法是在页面内脚本运行的位置插入一句输出 对脚本的存放位置有要求或者是添加在事件中 而document.getElementById(“x”)是将id为x的对象整体抹去并替换成该输出 必须在x对象出现后才能进行修改 也就是说 在页面加载完成后才能进行修改
2. 这两个方法在使用的时候还有一点需要注意 document.write在使用时会将原来的布局挤开 也就是说会影响整体的设计 而document.getElementById()是将原来内容用该输出代替 但是 原来一整块多行的内容若用一行输出来代替也会自动缩进破坏整体的美观

原创粉丝点击