关于JavaScript的一些用法
关于JavaScript的死链设置问题
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript"> </script>
</head>
<body>
<input type="button" id="btn" value="单击" onclick="alert('添加')" /> <br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="#" onclick="alert('点中的是#')">方法1</a> 弹窗并返回页面最上边
<br />
<a href="JavaScript:Void(0)" onclick="alert('点中的是Void')">方法2</a> 弹窗但停留在当前页面
<br />
<a href="JavaScript:alert('点中的是Href')">方法3</a> 弹窗但停留在当前页面 </body>
</html>
关于JavaScript 的setInterval定时器的测试
<body>
<input type="button" name="name" id="btn" />
</body>
</html>
<script type="text/javascript">
var setId= setInterval(function () {
alert('');
}, 2000);//声明一个计时器，2000毫秒执行一次
window.onload = function () {
document.getElementById('btn').onclick = function () {
clearInterval(setId);
}; //注销指定计时器
}
setInterVal 定时器的小Demo--跑马灯
<title>这是什么事呢</title>
</head>
<body><input type="button" name="name" id="left" />
<input type="button" name="name" id="right" /></body>
</html>
<script type="text/javascript"> function Demo(num) {
if (num == 1) {
setInterval(function () {
var text = document.title;
document.title = text.charAt(text.length-1) + text.substr(0, text.length - 1);
}, 1000);
} else {
setInterval(function () {
var text = document.title;
document.title = text.substr(1) + text.charAt(0);
}, 1000);
} } document.getElementsByTagName(right‘).onclick = function () { //
Demo(1);
};
document.getElementById('left').onclick = function () {
Demo(0);
};
浏览器的 粘贴，复制事件
<body>
现在测试一下代码！看看会出现什么问题
<input type="text" id="txt"/>
</body>
</html>
<script type="text/javascript"> onload = function () {
document.body.onpaste = function () {
return false; //禁止在Body中粘贴 }
document.body.oncopy = function () {
return false; //禁止复制Boby中的文字
}
///方法3 在复制的文字结尾添加 标签
document.body.oncopy = function () {
setTimeout(function () {
clipboardData.setData('text', clipboardData.getData('text') + '自定义文字'); //text 为 获取粘贴板中那种类型数据
}, 100); //100为时间间隔让复制操作与添加字符串操作互不冲突
}
}
}
关于事件冒泡
事件冒泡：如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发，B的onclick也会被触发。触发的顺序是“由内而外”
。
<script type="text/javascript">
onload = function () { document.getElementById('dv').onclick = function () {
// alert(this.id);
alert(window.event.srcElement.id);//事件源
};
document.getElementById('p1').onclick = function () {
alert(this.id);
};
function stop(e) { alert(this.id);
function stopBubble（e）{
if(e||e.stopPropagation){
e.stopPropagation(); //火狐中取消事件冒泡
}
else{
window.event.cancelBubble=true; //IE中取消事件冒泡
}
} };
}; </script>
</head>
<body>
<div id="dv1" style=" width:300px; height:200px; onclick='stop(event)'> <div id="dv" style=" width:300px; height:200px; background-color:Yellow; cursor:pointer;">
<p id="p1" style=" width:150px; height:100px; background-color:Green;cursor:pointer;"> <span id="sp" style=" cursor:pointer;">这是span</span> </p>
</div>
</body>
关于JavaScript的一些用法的更多相关文章
- #Javascript：this用法整理
常用Javascript的人都知道,［this這個關鍵字在一個函式內究竟指向誰］的這個問題很令人頭大,本人在這裡整理了一下Javascript中this的指向的五種不同情況,其中前三種屬於基本的情況, ...
- 好程序员web前端分享javascript关联数组用法总结
好程序员web前端分享javascript关联数组用法总结,有需要的朋友可以参考下. Hash关联数组定义 代码如下 // 定义空数组 myhash = { } // 直接定义数组 myhash = ...
- JS的javascript:void(0)用法
javascript:void(0)用法如下: <a href="javascript:void(0)"></a> // 执行js函数,0表示不执行函数. ...
- Javascript的this用法---阮一峰
Javascript的this用法 作者: 阮一峰 日期: 2010年4月30日 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比 ...
- javascript:void(0);用法及常见问题解析
void 操作符用法格式: javascript:void (expression) 下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javasc ...
- [JS]Javascript的this用法
转自:阮一峰 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 随着 ...
- javascript的setTimeout()用法总结，js的setTimeout()方法
引子 js的setTimeout方法用处比较多,通常用在页面刷新了.延迟执行了等等.但是很多javascript新手对setTimeout的用法还是不是很了解.虽然我学习和应用javascript已经 ...
- javascript array类型用法
javascript高级编程-Array引用类型用法总结 2016-09-17 | 357 引用类型-Array类型 引用类型是一种数据结构,用于将数据和功能联系起来. 创建对象的方式: ...
- javascript typeof()的用法与运算符用法
typeof 运算符 返回一个用来表示表达式的数据类型的字符串. typeof[()expression[]] ; expression 参数是需要查找类型信息的任意表达式. 说明 typeof 运算 ...
- Javascript的this用法及jQuery中$this和$(this)的区别
this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 1.this就是全 ...
随机推荐
- ASP.NET Core实现自定义中间件的三种方式
一.什么是中间件 请求处理管道由一系列中间件组件组成.每个组件在 HttpContext 上执行操作,调用管道中的下一个中间件或终止请求. 详情请看另外一篇文章:白话管道中间件 下图是中间件的管道模型 ...
- 达芬奇18.1.2安装包下载+软件详细破解安装教程(Win&Mac)
DaVinci Resolve v18.1.2是一款在同一个软件工具中,将剪辑.调色.视觉特效.动态图形和音频后期制作融于一身的解决方案!它采用美观新颖的界面设计,易学易用,能让新手用户快速上手操作, ...
- JSON操作方法
一 JSON.stringify JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串,如果指定了replacer是一个函数,则可以替换值,或 ...
- 3516A调试
最近在调Hi3516A的板,硬件不知道为什么如此设计,用一片16bit4G的ddr,16Mspi flash,按理如果是A应该是2片16bit的ddr,组成32位总线,现在怕是只能当D来用了,编译成功 ...
- 梦想云图Node.JS服务 （网页CAD，在线CAD ）
说明 后台提供梦想Node.JS服务,方便调用控件后台功能,Windows服务程序所在目录:Bin\MxDrawServer\Windows,Linux服务程序所在目录:Bin\Linux\MxDra ...
- docker中搭建Ubuntu:16.04+python3.6+django环境
用vim 新建一个Dockerfile和sources.list文件,在里面添加如下内容. #sources.list deb http://mirrors.163.com/ubuntu/ xenia ...
- CTF Show web入门 1——20（信息收集）wp和一些感想
web1 信息搜集 此题为 [从0开始学web]系列第一题 此系列题目从最基础开始,题目遵循循序渐进的原则 希望对学习CTF WEB的同学有所帮助. 开发注释未及时删除 此题有以上备注,可以想到备注未 ...
- 【git】2.3查看提交历史
资料来源 (1) https://git-scm.com/book/zh/v2/Git-%E5%9F%BA%E7%A1%80-%E6%9F%A5%E7%9C%8B%E6%8F%90%E4%BA%A4% ...
- uniapp for显示数据改变时，绑定的list值同时改变
<template> <view class="container"> <uni-table> <uni-tr v-for="( ...
- BUUCTF-[GXYCTF2019]Ping Ping Ping
一道命令执行题目 一.基础知识 Linux shell特殊字符(参考链接) [;]作为多个命令语句的分隔符(Command separator [semicolon]). 要在一个语句里面执行 ...