JavaScript (JS)常用方法
正则修改 DOM 对象内容（使用JQuery库）
例子：把DOM对象里的把<span style="color: #008080;">NUM</span> 替换成空格
const regex = /\<span\ style\=\"color\:\ \#008080\;\"\>(\s\d+|\d+)\<\/span\>/gm;
let codeLine;
let preCodeLine; preCodeLine = obj.html().replace(regex, ` `);
codeLine = $("<div/>").html(preCodeLine); // 其中$("<div/>")算是空DOM对象
这样之后，仍然是一个DOM对象，只是完成了HTML内容的正则替换。
也可以用原生JS实现，具体见JQ源码
键盘事件
<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
alert(event.keyCode)
} </script>
</head> <body onkeyup="whichButton(event)">
<p><b>注释：</b>在测试这个例子时，要确保右侧的框架获得了焦点。</p>
<p>在键盘上按一个键。消息框会提示出该按键的 unicode。</p>
</body> </html>
测试按键值
JS实现键盘监听(包括组合键)带键值表 如Ctrl+V
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0]; {
if (e.keyCode == 86 && e.ctrlKey) {
alert("你按下了ctrl+V");
}
}
};
博客园实现快捷键Alt+上下方向键调到<h2>目录
按键名 KeyCode Up 38 Down 40 Alt_L 18 Alt_R Ctrl ctrlKey (大小写敏感) Alt altKey
按键名 KeyCode&特殊键
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0]; {
if (e.keyCode == 40 && e.altKey) {
alert("你按下了alt+down");
}
}
};
Alt+Down测试
然后把alert()换成一个定位到<h2>的函数就OK
document.getElementsByTagName("h2")[num++].scrollIntoView();
<script type="text/javascript">
// 按下Alt+Down遍历跳转h2
var num = 0;
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0]; { var k = document.getElementsByTagName("h2"); if (e.keyCode == 40 && e.altKey) {
num = (num > k.length)? k.length: num;
k[num++].scrollIntoView(false);
console.log("Alt+Down");
//alert("你按下了alt+down");
}
else if (e.keyCode == 38 && e.altKey) {
num = (num < 0)? 0: num;
k[num--].scrollIntoView();
console.log("Alt+Up");
//alert("你按下了alt+up");
} }
};
</script>
[完整版] JS按下Alt+Down 遍历跳转到
如果需要其他header，可以引用远程JQ库(不过好像博客园用了JQ库)，然后用
$(":header"); 代替 document.getElementsByTagName("h2")[num++].scrollIntoView();
注意：博客园的JS代码里不能有alert( 字段，注释也不行
使得comfirm事件永远为真
var confirm=function(){return 1}
console.log输出字体颜色
自动播放
原帖：[Web] 解除 网课失去焦点/离开页面 就自动暂停 的限制-52pojie
本帖最后由 tuziang 于 2019-8-12 18:58 编辑
h5
如果视频是video元素，可以写个定时器，每秒钟设置一下播放状态
f12打开开发者工具，切换到console面板，输入下面代码并回车
setInterval(function () {
var current_video = document.getElementsByTagName('video')[0]
current_video.play()
}, 1000)flash
如果是flash视频，可以重写失去焦点函数。
f12打开开发者工具，切换到console面板，输入下面代码并回车
if (!-[1,] && !window.XMLHttpRequest || navigator.userAgent.indexOf("MSIE 8.0") > 0) {
document.onfocusout = function () {
return true;
}
} else {
window.onblur = function () {
return true;
}
}jQuery
这种方法没有验证，适合引用jQuery的网课平台。
方法：在浏览器地址栏输入
javascript:jQuery.fn.pauseMovie=function(){}JavaScript (JS)常用方法的更多相关文章
- JavaScript数组常用方法解析和深层次js数组扁平化
前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...
- （2）Underscore.js常用方法
目录 1.集合相关方法 1.1.数组的处理 map(循环,有返回值),将返回的值依次存入一个新的数组 each(循环,无返回值 ...
- js常用方法和检查是否有特殊字符串和倒序截取字符串
js常用方法demo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
- JavaScript 数组 常用方法(二)
写在前面:续接上篇 JavaScript 数组 常用方法 数组常用方法第二弹来了: some && every 描述: every()与some()方法都是JS中数组的迭代方法. so ...
- javascript(js)小数精度丢失的解决方案
原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况. javascript(js)的小数点加减乘除问题,是一个js的bug如0.3* ...
- 【转】关于URL编码/javascript/js url 编码/url的三个js编码函数
来源:http://www.cnblogs.com/huzi007/p/4174519.html 关于URL编码/javascript/js url 编码/url的三个js编码函数escape(),e ...
- paip.java 以及JavaScript (js) 的关系以及区别
paip.java 以及JavaScript (js) 的关系以及区别 作者Attilax 艾龙, EMAIL:1466519819@qq.com 来源:attilax的专栏 地址:http:// ...
- 关于URL编码/javascript/js url 编码/url的三个js编码函数
关于URL编码/javascript/js url 编码/url的三个js编码函数escape(),encodeURI(),encodeURIComponent() 本文为您讲述关于js(javasc ...
- JavaScript js无间断滚动效果 scrollLeft方法 使用模板
JavaScript js无间断滚动效果 scrollLeft方法 使用模板 <!DOCTYPE HTML><html><head><meta charset ...
随机推荐
- http状态码大全（404、505、502，500）
HTTP 400 – 请求无效HTTP 401.1 – 未授权:登录失败HTTP 401.2 – 未授权:服务器配置问题导致登录失败HTTP 401.3 – ACL 禁止访问资源HTTP 401.4 ...
- tensorflow之tf.meshgrid()
tf.meshgrid()用于从数组a和b产生网格.生成的网格矩阵A和B大小是相同的,它也可以是更高维的. 用法:[A, B] = tf.meshgrid(a, b), 生成size(b) x siz ...
- conda opencv cv2.imshow无法使用
error: -------src-dir-------/opencv-2.4.10/modules/highgui/src/window.cpp:501: error: (-2) The funct ...
- SpringBoot2.x｜Thymeleaf页面不能正常载入css、js文件
1.实现实现WebMvcConfig配置类可以解决页面不能加载css,js的问题: 扩展SpringMvc,编写一个配置类(@Configuration),是WebMvcConfigurationAd ...
- webapi 集成swagger
参考资料:Stack Overflow 我自己写的demo:SwaggerDemoApi 在已有的webapi项目或者创建webapi项目中,打开nuget管理器 搜索:swagger 安装截图中的插 ...
- Winform中设置ZedGraph的X轴与Y轴的刻度不在对面显示
场景 C#窗体应用中使用ZedGraph曲线插件绘制图表: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/99716066 Win ...
- Java生鲜电商平台-服务器部署设计与架构
Java生鲜电商平台-服务器部署设计与架构 补充说明:Java开源生鲜电商平台-服务器部署设计与架构,指的是通过服务器正式上线整个项目,进行正式的运营. 回顾整个章节,我们涉及到以下几个方面: 1. ...
- 关于BFS+异或（C++）
今天早上,我们做了场比赛,里面有一个题目是这样的.. 题目大意: 随着马场的繁荣,出现了越来越多的新马种.种族之间的沟通不畅严重影响了马场的和谐.这时,科学家发明了马语翻译机器人,正好可 ...
- Eureka服务下线源码解析
我们知道,在Eureka中,可以使用如下方法使Eureka主动下线,那么本篇文章就来分析一下子这个下线的流程 public synchronized void shutdown() { if (isS ...
- AOD.NET实现数据库事物Transaction
在开始介绍文章主要内容前先简单说一下事务 1.事务介绍 事务是一种机制.是一种操作序列,它包含了一组数据库操作命令,这组命令要么全部执行,要么全部不执行.因此事务是一个不可分割的工作逻辑单元.在数据库 ...