html5怎么等页面加载完成后自动调用脚本

html5怎么等页面加载完成后自动调用脚本,第1张

1、在body中用onload:

<body onload="myfunction()">

2、在脚本中用window.onload:

<script type="text/javascript">function myfun(){alert("this window.onload")}/*用window.onload调用myfun()*/window.onload=myfun//不要括号</script>

下面这个例子在页面完成加载之后改变id_1的背景颜色。

<script language="javascript" >function myfun() {document.getElementById("id_1").style.background= "#000"// 改变背景颜色}// 用js实现在加载完成一个页面后自动执行一个方法/*用window.onload调用myfun()*/window.onload=myfun//不要括号</script>

这是一个可以用来增强HTML5播放器的油猴脚本,它除了可以对百度云网盘视频进行加速播放以外,还能提供其他播放增强功能。 速度调节:对百度云网盘视频进行加速、减速播放; 播放时间定位:视频快进、快退、上一帧、下一帧; 图像参数调节:对视频亮度、对比度、饱和度等进行调节; 画面调整:90度旋转等。 在greasyfork网站上安装HTML5播放器增强脚本 接下来,打开百度云盘的视频播放页面,就可以通过快捷键对它进行 *** 作了。 其中按键C是加速播放 +0.1,按键X是减速播放 -0.1,其他快捷键说明请查看脚本详情页。 以上方法仅针对谷歌浏览器和Chromium内核的浏览器,火狐浏览器则可以直接登录百度网盘网页版,打开视频,然后鼠标右击就可以选择播放速度了油猴脚本安装地址:https://kobuchi.cn/web/538

Html5支持iPhone触屏的脚本写法是利用touch事件方法。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明:touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。touchend事件:当手指从屏幕上离开的时候触发。touchcancel事件:当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间,文档中并没有具体说明,咱们只能去猜测了。示例代码如下:function load (){ document.addEventListener('touchstart',touch, false) document.addEventListener('touchmove',touch, false) document.addEventListener('touchend',touch, false) function touch (event){ var event = event window.event var oInp = document.getElementById("inp") switch(event.type){ case "touchstart": oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")" break case "touchend": oInp.innerHTML = "<br/>Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")" break case "touchmove": event.preventDefault() oInp.innerHTML = "<br/>Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")" break } }}window.addEventListener('load',load, false)


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6122329.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存