JavaScript笔记3

    科技2022-07-17  159

    BOM 浏览器对象模型(Browser Object Model)

    1.浏览器对象 1)Window(窗口)

    打开一个新的窗口

    不建议使用 如果需要打开一个新的网站,应该通过超级链接等方式让用户主动打开, 在没有告知用户的前提下就打开一个新的网站会影响用户的体验 <script> function openNewWindow(){ myWindow=window.open("/"); } </script> <button onclick="openNewWindow()">打开一个新的窗口</button>

    2)Navigator(浏览器) 提供浏览器相关的信息

    3)Screen (客户端屏幕)

    4)History(访问历史) 返回上一次的访问

    <script> function goBack() { history.back(); } </script> <button onclick="goBack()">返回</button>

    返回上上次的访问

    <script> function goBack() { history.go(-2); //-1表示上次,-2表示上上次,以次类推 } </script> <button onclick="goBack()">返回上上次</button>

    5)Location(浏览器地址) 刷新当前页面

    <script> function refresh(){ location.reload(); } </script> <br> <button onclick="refresh()">刷新当前页面</button>

    跳转到另一个页面

    <script> function jump(){ //方法1 //location="/"; //方法2 location.assign("/"); } </script> <br> <button onclick="jump()">跳转到首页</button>

    两种方法最大的不同是:assign 会添加记录到浏览历史,点击后退可以返回之前页面

    2.弹出框 1)警告框 常用于消息提示

    <script> function register(){ alert("注册成功"); } </script> <br> <button onclick="register()">注册</button>

    2)确认框 常用于危险性操作的确认提示 返回基本类型的Boolean true或者false

    <script> function del(){ var d = confirm("是否要删除"); alert(typeof d + " " + d); } </script> <br> <button onclick="del()">删除</button>

    3)输入框 用于弹出一个输入框,供用户输入相关信息 因为弹出的界面并不好看,很有可能和网站的风格不一致,所以很少会在实际工作中用到。

    <script> function p(){ var name = prompt("请输入用户名:"); alert("您输入的用户名是:" + name); } </script> <br> <button onclick="p()">请输入用户名</button>
    Processed: 0.010, SQL: 8