按钮执行多次,只有打开浏览器的调试程序才能正常执行

JavaScript011

按钮执行多次,只有打开浏览器的调试程序才能正常执行,第1张

1、在工具->Internet选项->高级,去掉“禁用脚步调试(Internet Explorer)”项的勾选。

2、去掉“显示友好http错误信息”项的勾选。最后点击应用,确定按钮。

3、预览表单,当要执行的js程序出现错误时,浏览器会给出提示。

4、在给出的错误提示窗口中,选择“是(Y)”按钮,进入IE浏览器自带的开发人员工具脚本调试界面。

5、根据JS调试信息可以知道,当前JS报错是由于没有找到指定对象“dat”而导致的。需要在表单设计器中,修改JS程序并保存。因演示效果的需要,在本例中是没有设置id值为dat的单行输入框控件的,本例中第二个单行输入框控件的id值是data2。

6、将其改成值data2后,再进行测试不会出现JS报错信息,程序得以正常执行。

表单的位置大小需要你用CSS设计。以下代码只是实现了你要的弹出功能。

<!DOCTYPE html>

<html>

 <head>

  <title>HTML模板</title>

  <meta charset="UTF-8"/>

  <style type="text/css">

   form{

    position:absolute

    left:100px

    top:50px

    width:400px

    height:300px

    border:1px solid #aaaaaa

   }

  </style>

  <script>

   var t

   function closeForm(){

    var form=document.getElementById("form")

    form.style.display="none"

   }

   function showForm(){

    var form=document.getElementById("form")

    form.style.display="block"

    window.clearTimeout(t)

   }

   function timer(){

    t=window.setTimeout(showForm,10000)

   }

  </script>

 </head>

 <body onload="timer()">

  <form id="form" style="display:none">

   <input type="text"/>

   <input type="button" value="关闭" onclick="closeForm()"/>

  </form>

 </body>

</html>