<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="js/demo.js"></script> </head> <body> <button type="button" onclick="showInfo()">调用函数</button> <button type="button" onclick="disp_confirm()">确认框</button> <button type="button" onclick="disp_prompt()">提示框</button> <button type="button" onclick="loc()">location跳转页面</button> <button type="button" onclick="location.reload()">刷新页面</button> </body> </html>
demo.js
1. // function showInfo() { alert("这是一个警告框......") }2. //confirm()方法用于显示一个带有指定消息和OK以及取消按钮的对话框。 function disp_confirm() { var r = confirm("Press a button") if (r == true) { document.write("You pressed OK!") } else { document.write("You pressed Cancel!") } }3. //prompt() 方法用于显示可提示用户进行输入的对话框。 function disp_prompt() { var name = prompt("Please enter your name", ""); if (name != null && name != "") { document.write("Hello " + name + "!") } }4. //Location 对象包含有关当前 URL 的信息。 //Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。// function loc() { location.href = "http://www.163.com"; }5. //reload() 方法用于重新加载当前文档 function reloadPage() { location.reload(); }
