关于onclick

本文探讨了使用Tab键导航到网页元素并激活onclick事件的方法,认为这种行为可以用onactive事件来更好地描述。

用tab键移动到某个链接然后按下回车也可以出发onclick事件,所以把它命名为onactive更恰如其分

1. (单选题, 1分) 要精确匹配前面的元素3次,应该使用哪个量词?( ) A {3,5} B {3,} C * D {3} 2. (单选题, 1分) 页面中所有内容加载完成之后触发的事件是? A onclick B onunload C onload D onmouseover 3. (单选题, 1分) 下列哪条语句不能用于创建JavaScript数组? A var arr = new Array(12,'abc'); B var arr = []; C var arr = {12,'abc'}; D var arr = [12,'abc']; 4. (单选题, 1分) 阅读以下代码,执行fn1(4,5)的返回值是? function fn1(x,y){ return (++x) + (y++); } A 11 B 9 C 10 D 12 5. (单选题, 1分) 哪个元字符表示"匹配字符串的开始"?( ) A ^ B \Z C $ D \A 6. (单选题, 1分) 下列哪个元字符表示"或"关系?( ) A | B || C ! D && 7. (单选题, 1分) 若要添加JavaScript语句,必须在HTML页面里使用什么标签? A <type="text/javascript"> B <script>和</script> C <!--and--> 8. (单选题, 1分) 在循环体中,利用下列哪个语句可以退出循环? A exit B break C continue D loop 9. (单选题, 1分) 为了新建元素,应该使用? A document.createTextNode("span"); B document.createElement(span); C document.createElement("span"); D document.appendChild("span"); 10. (单选题, 1分) 下列四个变量声明语句中,正确的是? A var my_home; B var our class; C var 2cats; D var default; 11. (单选题, 1分) 在jQuery里,可以实现元素淡出效果的方法是() A toggle() B fadeIn() C fadeOut() D fadeTo() 12. (单选题, 1分) 下列哪一个选项可以生成一个1~9之间的随机整数? A Math.round(Math.random()*9) B Math.round(Math.random()*9)+1 C Math.round(Math.random()*8)+1 D Math.round(Math.random()) 13. (单选题, 1分) 用下列哪个数组方法来从一个数组中删除特定索引处的数组元素? A indexOf() B splice() C delete() D slice() 14. (单选题, 1分) 下列选项中,可以作为DOM的style属性操作的样式名为? A Textalign B left C font-size D Background 15. (单选题, 1分) 在DOM 对象模型中,下列哪一个是DOM对象中最主要的对象? A history B document C text D button 16. (单选题, 1分) 执行代码“var arr = new Array('张三','李四','王五'); ”后,arr[1]的值是? A 李四 B 张三 C 不确定 D 王五 17. (单选题, 1分) 执行代码“var arr = [1,2,3]; delete arr[1];”后,arr.length的值是? A 3 B 4 C 1 D 2 18. (单选题, 1分) 下列选项中,为JavaScript代码添加多行注释的语法是? A <!--> B /**/ C # D // 19. (单选题, 1分) 关于onclick事件处理器,下列说法中错误的是? A 可以用于页面上任何可见的HTML元素上 B 可以直接添加在HTML元素的标签中 C 当用户单击鼠标时,onclick事件被触发 D 只能给按钮添加onclick事件处理器 20. (单选题, 1分) 在jQuery里,以下返回元素的属性值的代码是()。 A alert($("#d1").attr("title")); B $("#d1").attr(title, This is the new title); C $("#d1").attr("title", "This is the new title"); D alert($("#d1").attr(title));只要答案
06-09
### 单选题答案及解释 --- **1. (单选题, 1分) 要精确匹配前面的元素3次,应该使用哪个量词?** **D. {3}** **解释:** - `{3}` 表示前面的元素必须出现且仅出现3次。 - `{3,5}` 表示前面的元素至少出现3次,最多出现5次。 - `{3,}` 表示前面的元素至少出现3次。 - `*` 表示前面的元素可以出现0次或多次。 --- **2. (单选题, 1分) 页面中所有内容加载完成之后触发的事件是?** **C. onload** **解释:** - `onclick` 是鼠标点击事件。 - `onunload` 是页面卸载时触发的事件。 - `onload` 是页面和所有依赖资源(如图片、脚本等)加载完成后触发的事件。 - `onmouseover` 是鼠标悬停事件。 --- **3. (单选题, 1分) 下列哪条语句不能用于创建JavaScript数组?** **C. var arr = {12,'abc'};** **解释:** - `var arr = new Array(12, 'abc');` 使用构造函数创建数组。 - `var arr = [];` 使用数组字面量创建空数组。 - `var arr = [12, 'abc'];` 使用数组字面量创建包含元素的数组。 - `var arr = {12, 'abc'};` 不合法,大括号 `{}` 用于创建对象,而不是数组。 --- **4. (单选题, 1分) 阅读以下代码,执行fn1(4,5)的返回值是?** ```javascript function fn1(x, y) { return (++x) + (y++); } ``` **C. 10** **解释:** - `++x` 是前缀自增运算符,先将 `x` 增加1,然后返回结果,因此 `x` 变为5。 - `y++` 是后缀自增运算符,先返回当前值,然后增加1,因此 `y` 的初始值为5。 - 返回值为 `5 + 5 = 10`。 --- **5. (单选题, 1分) 哪个元字符表示"匹配字符串的开始"?** **A. ^** **解释:** - `^` 表示匹配字符串的开始位置。 - `\Z` 和 `$` 表示匹配字符串的结束位置。 - `\A` 表示匹配字符串的绝对开始位置(多行模式下不匹配换行符后的开始位置)。 --- **6. (单选题, 1分) 下列哪个元字符表示"或"关系?** **A. |** **解释:** - `|` 在正则表达式中表示“或”关系,例如 `/a|b/` 匹配 `a` 或 `b`。 - `||` 是逻辑或运算符,用于布尔表达式。 - `!` 是逻辑非运算符。 - `&&` 是逻辑与运算符。 --- **7. (单选题, 1分) 若要添加JavaScript语句,必须在HTML页面里使用什么标签?** **B. <script>和</script>** **解释:** - `<script>` 标签用于嵌入或引用 JavaScript 代码。 - `<type="text/javascript">` 是旧版语法的一部分,现代浏览器默认支持 JavaScript。 - `<!--and-->` 是 HTML 注释标签,与 JavaScript 无关。 --- **8. (单选题, 1分) 在循环体中,利用下列哪个语句可以退出循环?** **B. break** **解释:** - `exit` 不是 JavaScript 的关键字。 - `break` 用于立即退出循环或开关语句。 - `continue` 跳过当前循环的剩余部分,进入下一次迭代。 - `loop` 不是 JavaScript 的关键字。 --- **9. (单选题, 1分) 为了新建元素,应该使用?** **C. document.createElement("span");** **解释:** - `document.createTextNode("span")` 创建文本节点,而不是元素节点。 - `document.createElement(span)` 错误,参数应为字符串 `"span"`。 - `document.createElement("span")` 正确,用于创建指定名称的元素节点。 - `document.appendChild("span")` 用于将子节点添加到父节点中,但不能创建新元素。 --- **10. (单选题, 1分) 下列四个变量声明语句中,正确的是?** **A. var my_home;** **解释:** - `my_home` 是合法的变量名。 - `our class` 包含空格,不是合法的标识符。 - `2cats` 以数字开头,不是合法的标识符。 - `default` 是保留关键字,不能用作变量名。 --- **11. (单选题, 1分) 在jQuery里,可以实现元素淡出效果的方法是?** **C. fadeOut()** **解释:** - `toggle()` 切换元素的可见性。 - `fadeIn()` 让元素逐渐显现。 - `fadeOut()` 让元素逐渐消失。 - `fadeTo()` 设置元素的透明度。 --- **12. (单选题, 1分) 下列哪一个选项可以生成一个1~9之间的随机整数?** **C. Math.round(Math.random()*8)+1** **解释:** - `Math.random()` 生成0到1之间的随机数。 - `Math.random()*8` 生成0到8之间的随机数。 - `Math.round(...)` 将其四舍五入为整数,范围变为0到8。 - 加上1后,范围变为1到9。 --- **13. (单选题, 1分) 用下列哪个数组方法来从一个数组中删除特定索引处的数组元素?** **B. splice()** **解释:** - `indexOf()` 用于查找元素的索引,但不会删除元素。 - `splice()` 可以删除、替换或添加数组中的元素。 - `delete()` 可以删除数组中的元素,但会留下空槽(`undefined`)。 - `slice()` 用于提取数组的一部分,不会修改原数组。 --- **14. (单选题, 1分) 下列选项中,可以作为DOM的style属性操作的样式名为?** **B. left** **解释:** - `Textalign` 不是有效的 CSS 属性名,应为 `textAlign`。 - `left` 是有效的 CSS 属性名。 - `font-size` 中的连字符 `-` 在 JavaScript 中需要转换为驼峰命名法 `fontSize`。 - `Background` 应为小写 `background`。 --- **15. (单选题, 1分) 在DOM 对象模型中,下列哪一个是DOM对象中最主要的对象?** **B. document** **解释:** - `history` 对象管理浏览器的历史记录。 - `document` 对象表示整个 HTML 文档,是最主要的 DOM 对象。 - `text` 和 `button` 是具体的 DOM 元素类型。 --- **16. (单选题, 1分) 执行代码“var arr = new Array('张三','李四','王五'); ”后,arr[1]的值是?** **A. 李四** **解释:** - 数组索引从0开始,`arr[0]` 是 `'张三'`,`arr[1]` 是 `'李四'`。 --- **17. (单选题, 1分) 执行代码“var arr = [1,2,3]; delete arr[1];”后,arr.length的值是?** **A. 3** **解释:** - `delete` 删除数组中的元素,但不会改变数组的长度。 - 删除后,`arr[1]` 变为 `undefined`,但 `arr.length` 仍为3。 --- **18. (单选题, 1分) 下列选项中,为JavaScript代码添加多行注释的语法是?** **B. /**/**/ **解释:** - `<!-->` 是 HTML 注释,与 JavaScript 无关。 - `/**/` 是 JavaScript 的多行注释语法。 - `#` 是 Python 或 Shell 的注释符号。 - `//` 是 JavaScript 的单行注释。 --- **19. (单选题, 1分) 关于onclick事件处理器,下列说法中错误的是?** **D. 只能给按钮添加onclick事件处理器** **解释:** - `onclick` 可以用于任何可见的 HTML 元素,而不仅限于按钮。 --- **20. (单选题, 1分) 在jQuery里,以下返回元素的属性值的代码是?** **A. alert($("#d1").attr("title"));** **解释:** - `$("#d1").attr("title")` 获取指定元素的 `title` 属性值。 - `$("#d1").attr(title, "This is the new title")` 语法错误,应为 `$("#d1").attr("title", "This is the new title")`。 - `alert($("#d1").attr(title))` 错误,属性名应为字符串 `"title"`。 --- ### 示例代码 以下是一些与上述问题相关的代码示例: ```javascript // 1. 正则表达式量词 let regex = /a{3}/; console.log(regex.test("aaa")); // true // 2. 页面加载事件 window.onload = function() { console.log("Page fully loaded"); }; // 3. 创建数组 let arr = [12, "abc"]; console.log(arr); // 4. 函数调用 function fn1(x, y) { return (++x) + (y++); } console.log(fn1(4, 5)); // 10 // 5. 正则表达式匹配字符串开始 let startRegex = /^abc/; console.log(startRegex.test("abc123")); // true // 6. 多行注释 /* 这是多行注释 */ // 7. 添加 JavaScript <script> console.log("Hello, world!"); </script> // 8. 循环控制 for (let i = 0; i < 5; i++) { if (i === 3) break; console.log(i); } // 9. 创建元素 let span = document.createElement("span"); span.textContent = "New Span"; document.body.appendChild(span); // 10. 变量声明 var my_home = "Home"; // 11. jQuery 淡出效果 $("#element").fadeOut(); // 12. 随机数生成 let random = Math.round(Math.random() * 8) + 1; console.log(random); // 13. 删除数组元素 let array = [1, 2, 3]; array.splice(1, 1); console.log(array); // [1, 3] // 14. DOM style 属性 document.getElementById("myElement").style.left = "10px"; // 15. DOM 主要对象 console.log(document); // 16. 数组索引 let names = ["张三", "李四", "王五"]; console.log(names[1]); // 李四 // 17. 删除数组元素 let numbers = [1, 2, 3]; delete numbers[1]; console.log(numbers.length); // 3 // 18. 多行注释 /* 这是多行注释 */ // 19. onclick 事件 document.getElementById("myButton").onclick = function() { console.log("Button clicked"); }; // 20. jQuery 获取属性 console.log($("#d1").attr("title")); ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值