1.confirm() 确认消息框
<script type="text/javascript">
// 有返回值,如果确定则返回 true,取消则为 false
msg = confirm('认识我吗？') //同步等待
console.log(msg)
</script>
2. prompt 输入确定框，即自己输入相应的内容
<script type="text/javascript">
msg = prompt('请输入来路：') //弹出框，优先级较高，当弹出框执行完毕后，才会执行 console
console.log(msg)
</script>
3. alert()
4.document.write()
- 1.给文档当中写入内容，他会打开现有的html中body部分，然后再重新替换加入内容，如果交互操作时，原来有内容，会被替换掉
<script type="text/javascript">
document.write('你好')
</script>
- 插入html标签
<script type="text/javascript">
document.write("<button>按钮</button>")
</script>
5.document.body.innerHTML（不保留原有的内容）
将原有的body中的html内容替换为我们输入的内容，
替换也就意味着原有的html内容会丢失
<body>
我是大魔王
<script type="text/javascript">
document.body.innerHTML= "<ul><li>1</li><li>2</li></ul><a href='https://www.baidu.com'>111</a>"
</script>
</body>
当代码执行后，本来要输出的的文字 就被替换成 代码中写的html内容了
6.document.body.innerHTML=document.body.innerHTML+"XXX"
保留原有内容，并在原有的内容上进行增加
<body>
我是大魔王
<script type="text/javascript">
document.body.innerHTML= "<ul><li>1</li><li>2</li></ul><a href='https://www.baidu.com'>111</a>"
</script>
</body>
8. id 选择器(document.getElementById)
<div class="1" id="div1">
</div>
<script type="text/javascript">
div = document.getElementById('div1')
div.innerHTML='哈哈' //根据 id 获取元素，然后改变内容
div.onclick= function(){
div.innerHTML='新的'
} //事件通过匿名函数的方法来执行
</script>
网友评论