BOM对象【window对象的其他函数、window对象的属性、location对象:是浏览器的地址栏、history对象、navigator对象】

一、练习

1.事件的注册方式

(1)写在页面的标签中:

 <button οnclick="函数名()"></button>

(2)使用addEventListener注册:

对象名.addEventListener('事件名',事件处理函数)

(3)使用函数表达式

函数表达式:let/var 变量名 = function([参数]){}

4.由JavaScript控制复选框

(1)复选框组:将所有复选框的name属性值定义成一样的

(2)复选框的事件:change---当复选框的状态发生改变时触发

二.window对象的其他函数

1.open函数:打开一个窗口

open(url,name,spaces,replace)

url:统一资源定位符(网址),格式: 协议://主机名:端口号/文件路径

        http:超文本传输控制协  议,是一个无状态协议,直接运行在TCP协议之上

        https:SSL,是安全的超文本传输控制协议,运行在SSL之上,SSL运行在TCP之上

name:表示窗口名称

        _blank:在新窗口中打开页面

        _self:在当前窗口打开页面

        _parent:表示在父框架中打开页面

spaces:表示窗口特征(大小、是否状态栏、是否有工具栏)

replace:默认值为true,表示是否替换默认条目  

练习1:打开窗口和关闭窗口

<body>
    <!-- 练习1:打开和关闭窗口 -->
    <p><input type="button" onclick="openWindow()" value="打开窗口"></p>
    <p><input type="button" value="关闭窗口" onclick="closeWindow()"></p>
    <p><input type="button" value="检测窗口是否关闭" onclick="checkWindow()"></p>
    <p id="remind"></p>
    <script>
    /* //1.打开窗口
    (1)open函数返回一个窗口对象。将该对象赋给变量window
    (2)myWindow.name:打开的窗口的name属性---'newWin'
        name属性:表示窗口对象的名称
    (3)window.parent.location
        window:指的是
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值