专项练习15

news2024/11/25 0:58:53

目录

一、选择题

    1、如果要打开名为 “window2"的新窗口,可以通过()

    2、下列事件哪个不是由鼠标触发的事件()

    3、Angular指令中哪种作用域可以继承父scope

    4、下列哪些事件不支持冒泡?()

二、编程题

    1、请补全JavaScript函数,要求将字符串参数转换为对象的形式返回。

    2、要求去除参数字符串两端的空格并返回


一、选择题

1、如果要打开名为 “window2"的新窗口,可以通过()

A、open.new("http://www.w3school.com.cn","window2")

B、new.window("http://www.w3school.com.cn","window2")

C、new("http://www.w3school.com.cn","window2")

D、window.open("http://www.w3school.com.cn","window2")

正确答案:D        你的答案:B

解析:

(1)window.open(URL,name) 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口

① 参数1(URL)指定打开的页面URL,如果没有指定URL,则打开一个新的空白窗口

② 参数2(name)指定窗口的名称,由字母、数字和下划线字符组成,不能有空格

(2)特殊意义的名称

①_blank:在窗口显示目标网页

②_self:在当前窗口显示目标网页

③_top:框架网页的上部窗口中显示目标网页

注意:相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同

(3)window.open()有四个参数时

①url地址

②name 

③features:新窗口信息(大小位置等)

④布尔类型:是否作为历史记录

<body>
    <button id="btn">点击按钮</button>
    <script>
        document.getElementById('btn').onclick=function(){
            newWindow=window.open('https://www.baidu.com/','_blank','left=200px,top=100px,width=500px,height=500px',false)
        }
    </script>
</body>


2、下列事件哪个不是由鼠标触发的事件()

A、click

B、contextmenu

C、mouseout

D、keydown

正确答案:D

解析:

(1)选项解析

选项A:click是鼠标点击事件

选项B:contextmenu 是当浏览者按下鼠标右键出现菜单时者通过键盘的按键触发页面菜单触发的事件 [ 在页面中的 <body> 中加入 onContentMenu="return false" 就可禁止使用鼠标右键了 ]

选项C:mouseout 事件会在鼠标指针移出指定的对象时发生

选项D:keydown 事件会在用户按下一个键盘按键时发生,由键盘触发

(2)常见事件

①点击事件

  • onclick:单击事件
  • ondblclick:双击事件 

②焦点事件

  • onblur    失去焦点
  • onfocus    元素获得焦点

③加载事件

  • onload    一张页面或一幅图像完成加载

④鼠标事件

  • onmousedown    鼠标按钮被按下
  • onmouseup    鼠标按键被松开
  • onmousemove    鼠标被移动
  • onmouseover    鼠标移到某元素之上
  • onmouseout    鼠标从某元素移开

⑤键盘事件

  • onkeydown    某个键盘按键被按下
  • onkeyup        某个键盘按键被松开
  • onkeypress    某个键盘按键被按下并松开

⑥选择和改变

  • onchange    域的内容被改变
  • onselect    文本被选中

⑦表单事件

  • onsubmit    确认按钮被点击
  • onreset    重置按钮被点击

3、Angular指令中哪种作用域可以继承父scope

A、scope:true

B、scope:{}

C、scope:parent

D、默认就继承了父作用域

正确答案:A

解析:

(1)scope: true 和 transclude: true 会创建新的子作用域,并且进行原型继承

(2)scope: {...} 会创建新的独立作用域不会进行原型继承

(3)默认情况下创建directive使用了scope: false,不会创建子作用域


4、下列哪些事件不支持冒泡?()

A、resize

B、click

C、blur

D、mouseleave

正确答案:ACD        你的答案:AC

解析:

不支持冒泡的快速记忆大法

“俺(unload)妈(mouseenter) 妈(mouseleave) 不(blur) 让(resize) 浪(load) 费(focus)”


二、编程题

1、请补全JavaScript函数,要求将字符串参数转换为对象的形式返回。

示例:typeof string === 'string' -> typeof _stringtoobject(string) === 'object'

解析:

(1)法一:new一个实例

<script>
    var string = '2sdg'
    function _stringtoobject(string) {
        return new String(string)
    }
    console.log(_stringtoobject(string));
</script>

(2)法二:Object()

<script>
    var string = '2sdg'
    function _stringtoobject(string) {
        return Object(string)
    }
    console.log(_stringtoobject(string));
</script>

(3)法三:{}

<script>
    var string = '2sdg'
    function _stringtoobject(string) {
        return {string}
    }
    console.log(_stringtoobject(string));
</script>

2、要求去除参数字符串两端的空格并返回

解析:

(1)法一:trim()

<script>
    var string = '  2sdg    '
    function _trim(string){
        return string.trim()
    }
    console.log(_trim(string));
</script>

(2)法二:正则表达式

<script>
    var string = '  2sdg    '
    function _trim(string){
        return string.replace(/^\s|\s$/g,"")
    }
    console.log(_trim(string));
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/701810.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

微信小程序学习记录2 案例分享<智能家居UI>

效果 思路 页面分为4块 前三块 采用同样的class 替换三张矢量图 绑定三个单片机返回的JSON值 最后一块又分为左右两部分 左边部分 采用switch组件 绑定三个事件 右边部分则是普通的文字

记录生产mysql死锁解决过程

最近生产上每个星期都会有几次死锁告警异常&#xff0c;今天终于给处理了&#xff0c;待后续观察&#xff0c;记录下整个过程。 环境&#xff1a;springboot、mybatis、mysql(RC隔离级别) 表结构&#xff1a; CREATE TABLE table1 (id bigint NOT NULL AUTO_INCREMENT,prize…

ASP.NET Core MVC 从入门到精通系列文章(完)

随着技术的发展&#xff0c;ASP.NET Core MVC也推出了好长时间&#xff0c;经过不断的版本更新迭代&#xff0c;已经越来越完善&#xff0c;本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容&#xff0c;适用于初学者&#xff0c;在校毕业生&#xff0c…

redis高可用与持久化

文章目录 一、Redis 高可用1. 概念2. 高可用技术以及作用2.1 持久化2.2 主从复制2.3 哨兵2.4 集群 二、Redis 持久化1. 持久化的功能2. Redis 持久化方式 三、RDB 持久化1. 概述2. 触发条件2.1 手动触发2.2 自动触发2.3 其他自动发机制 3. 执行流程4. 启动时加载 四、AOF 持久化…

自动驾驶货车编队行驶-车辆通讯应用层数据交互要求

1 范围 本文件规定了合作式自动驾驶货车编队行驶时车辆通信应用层数据交互的通信系统架构、通用要求、 数据交互要求、消息层数据集定义等。本文件仅涉及编队成员内部进行编队控制及成员管理相关的车-车通 信交互&#xff0c;不涉及编队与其他实体&#xff08;云平台、路侧单元…

关于jetBrains的插件translation的使用

文章目录 前言国内使用问题关于无法翻译问题关于无法语音解析问题关于百度翻译Api获取关于百度引擎的invalid account(未解决)关于阿里翻译Api获取关于阿里翻译引擎Wrong request parameter(未解决)有道翻译Api关于有道Ip Address错误(未解决) 前言 translation是一个非常好用…

chatgpt赋能python:Python长浮点型介绍

Python长浮点型介绍 Python是一种强大的编程语言&#xff0c;通过其众多的数据类型&#xff0c;使开发人员可以快速开发复杂的应用程序。其中&#xff0c;Python长浮点型就是Python支持的一种数据类型。长浮点型是指Python可以处理的浮点数的精度可以高达256位。 Python长浮点…

大像素全景,如何让自己的VR全景变得具有高级感?

一个成功的VR全景作品&#xff0c;如果想要在商业领域上获得一定影响力&#xff0c;那么VR全景本身的质量就是关键&#xff0c;如何让自己的VR全景变得具有高级感呢&#xff1f; 从艺术表达手法上&#xff0c;航拍是对VR全景很好的诠释&#xff0c;通过VR全景航拍&#xff0c;人…

Redis进阶 - Redis分片集群

原文首更地址&#xff0c;阅读效果更佳&#xff01; Redis进阶 - Redis分片集群 | CoderMast编程桅杆https://www.codermast.com/database/redis/redis-advance-sharded-cluster.html 搭建分片集群 主从和哨兵可以解决高可用、高并发读的问题。但是依然有两个问题没有解决&a…

ROS自带OpenCV和本地OpenCV版本冲突问题解决

1、报错信息 首先catkin_make编译功能包没有任何问题&#xff0c;100%生成目标文件&#xff0c;但是报了警告&#xff1a;库文件libmyslam.so需要的是libopencv_core.so.3.4&#xff0c;可能会与libopencv_core.so.3.2冲突。根据工程经验&#xff0c;警告不用管&#xff0c;直…

《设计模式》中介者模式

《设计模式》中介者模式 定义&#xff1a; 中介者模式又称为调停者模式&#xff0c;用一个中介对象封装一系列的对象交互&#xff0c;中介者使各对象不需要显式地相互引用&#xff0c;从而使其可以松散耦合&#xff0c;独立地改变它们之间的交互。属于行为型设计模式。 中介者…

前端解析后台返回得文件流导出得 pdf为空

封装的方法 download(res, type, filename) {// 创建blob对象&#xff0c;解析流数据const blob new Blob([res.data], {// 如果后端没返回下载文件类型&#xff0c;则需要手动设置&#xff1a;type: application/pdf;chartsetUTF-8 表示下载文档为pdf&#xff0c;如果是word则…

2023上半年软考系统分析师科目一整理-13

2023上半年软考系统分析师科目一整理-13 给定关系模式 R < U &#xff0c;F >&#xff0c; U {A&#xff0c;B&#xff0c;C&#xff0c;D &#xff0c;E} &#xff0c; F {B→A &#xff0c;D→A &#xff0c;A→E &#xff0c;AC→B }&#xff0c;则 R 的候选关键字为…

2023上半年软考系统分析师科目一整理-11

2023上半年软考系统分析师科目一整理-11 给定关系R(A,B,C,D,E) 和关系S(D,E,F,G&#xff09;&#xff0c;对其进行自然连接运算R ▷◁S后其结果集的属性列为( B )。 A. R.A, R.B, R.C, R.D, R.E, S.D, S.E B. R.A, R.B, R.C, R.D, R.E, S.F, S.G C. R.A, R.B, R.C, R.D, R.E,…

爬虫---某翻译响应解密和sign逆向

目标网址接口&#xff1a;aHR0cHM6Ly9kaWN0LnlvdWRhby5jb20vd2VidHJhbnNsYXRl 仅供学习交流使用&#xff0c;非商业用途&#xff0c;如有侵权&#xff0c;请联系删除!!!仅供学习交流使用&#xff0c;非商业用途&#xff0c;如有侵权&#xff0c;请联系删除!!!仅供学习交流使用&…

软件测试技能,JMeter压力测试教程,设置集合点(十七)

一、前言 LoadRunner 中可以设置一个集合点&#xff0c;设置多个虚拟用户等待到一个时间点&#xff0c;到齐后一起发请求达到并发的目的 jmeter 中使用 同步定时器 Synchronizing Timer实现 LoadRunner 中集合点的功能&#xff0c;模拟多用户并发测试&#xff0c;即多个线程在…

K折交叉验证

目的 模型在一套训练集和数据集上表现优秀&#xff0c;不能说明问题&#xff0c;只有在众多不同的训练集和测试集上表现都优秀&#xff0c;模型才具有真正的泛化能力。 通过交叉验证&#xff0c;验证模型的泛化能力&#xff0c;帮助我们认识模型。 常用方法之K折交叉验证 分…

一步一步学OAK之六:通过OAK相机实现特征检测

目录 特征检测Setup 1: 创建文件Setup 2: 安装依赖Setup 3: 导入需要的包Setup 4: 创建pipelineSetup 5: 创建节点创建相机节点创建特征检测节点创建数据交互的节点 Setup 6:设置相关属性设置相机的相关属性设置特征检测器的初始配置 Setup 7: 建立链接关系建立相机和特征跟踪器…

iOS 16 版本适配

1、iOS 16 真机调试时需要在设备的设置 —> 隐私与安全 —> 开发者模式 中打开开发者模式。 2、隐私权限增强&#xff0c;如通过 UIDevice 获取设备名称时&#xff0c;无法获取用户的信息&#xff0c;只能获取设备对应的名称&#xff08;[UIDevice currentDevice].name返…

基于Python所写的影视作品分析设计

点击以下链接获取源码资源&#xff1a; https://download.csdn.net/download/qq_64505944/87964875 《开心麻花影视作品分析》程序使用说明 在PyCharm中运行《开心麻花影视作品分析》即可进入如图1所示的系统主界面。在该界面中&#xff0c;选择要分析的电影名称&#xff0c;然…