点完确认之后,为什么之前的文本就消失换掉了呢?什么逻辑,再多些几行p标签的内容也是会被换掉,怎么理解

来源:1-1 让你认识JS

doits

2017-02-17 21:15

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>我们互动下</title>

<script type="text/javascript">

   function jump()  

    {

    var mymessage=confirm("关注JS高级篇");

    if(mymessage==true)

    {

        document.write("恭喜您进入年薪百万的节奏!");

    }

    else

    {

        document.write("o(︶︿︶)o 唉!不管你是男屌丝还是女屌丝,不学习你始终都会是个屌丝……!");

    }

  }       

</script>



</head>

<body>

<p id="con">js进阶篇</p>

<form>

       <input type="button" onclick="jump()" value="点击进入" /> 

    </form>

</body>

</html>


写回答 关注

2回答

  • 江湖秋水多
    2017-02-25 10:11:54
    已采纳

    因为事件是在文档内容完全加载完毕再去执行事件处理函数,当然文档流已经关闭了,这个时候执行doucment.writ()函数会自动调用document.open()函数创建一个新的文档流,并写入新的内容,再通过浏览器展现,这样就会覆盖原来的内容。

    doits

    非常感谢!

    2017-02-25 23:19:56

    共 1 条回复 >

  • 风浸人心
    2017-02-17 23:57:08

    应该是调用JavaScript函数,会增加个新页面输出document.write();

    doits

    主要是他不会新开个页面,在原有的页面把原本页面上的p标签的文字都替换了,这个为什么呢

    2017-02-18 21:38:38

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468195 学习 · 21891 问题

查看课程

相似问题