js相关用法
一.location
1.返回当前网址url
location.href
2.设置跳转网址url
location.href = "http://www.baidu.com"
3.重载刷新
location.reload()
二.计时器
1.设置延时setTimeout(执行的函数,延时时间)
setTimeout(function(){alert("hehe")},1000)
2.清除window下的某个延时定时器
clearTimeout(setTimeout(function(){alert("hehe")},1000)的返回值
3.间隔执行,每隔制定间隔时间执行一次
setInterval(function(){alert("hehe")},5000)
4.清楚window下的某个间隔定时器
clearInterval(function(){alert("hehe")},5000)的返回值
二.DOM对象
通过这个方法找到id="a"的标签
getElementByid("a")
通过这个方法找到class="c1"的所有标签,返回一个列表,通过索引取到你想获得的标签
getElementsByClassName("c1")
通过这个方法找到标签
getElementsByTagName("a")
创建a标签
var a1 = createElement("a")
添加标签属性
a1.href = "http://www.baidu.com"
a1.innerText = "百度"
给一个父级标签添加一个子标签
d1.appenchild(a1)
添加到这个父级标签中哪个子标签的前面
d1.insertbefore(a1,a2) ===> a1插到已存在标签实例化的a2对象的前面
三.绑定事件
1)
<div id = "d1" onclick = "f(this)">哈哈</div>
js:
function f(ths){
ths.style.backgroundColor = "orange";
}
2)
<div id = "d1" >哈哈</div>
js:
var dive = document.getElementById("d1")
dive.onclick = function(){
this.style.backgroundColor = "orange";
}
js相关用法的更多相关文章
- Js相关用法个人总结
Js相关用法个人总结 js中将数组元素添加到对象中var obj = {}; var pushArr = [11,22,33,44,55,66]; for(var i=0;i<pushArr. ...
- JS 正则表达式用法
JS 正则表达式用法简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或 ...
- Javascript模块化编程(三):require.js的用法
Javascript模块化编程(三):require.js的用法 原文地址:http://www.ruanyifeng.com/blog/2012/11/require_js.html 作者: 阮一峰 ...
- slf4j log4j logback关系详解和相关用法
slf4j log4j logback关系详解和相关用法 写java也有一段时间了,一直都有用slf4j log4j输出日志的习惯.但是始终都是抱着"拿来主义"的态度,复制粘贴下配 ...
- $.ajax等相关用法
下面是jquery一些方法的相关用法: $.ajax: $.ajax({ type: "GET", url: "url", data: {username:$( ...
- oradmin相关用法
[转]oradmin相关用法 创建例程: -NEW -SID sid | -SRVC 服务 [-INTPWD 口令] [-MAXUSERS 数量] [-STARTMODE a|m] [-PFILE 文 ...
- #ifdef预编译相关用法
#ifdef预编译相关用法主要有:(1)#ifdef XXX executing the corresponding xxx code #endif(2)#ifdef XXX executing th ...
- Java中Date各种相关用法
Java中Date各种相关用法(一) 1.计算某一月份的最大天数 Java代码 Calendar time=Calendar.getInstance(); time.clear(); time.set ...
- toastr.js插件用法
toastr.js插件用法 toastr.js是一个基于jQuery的非阻塞通知的JavaScript库.toastr.js可以设定四种通知模式:成功.出错.警告.提示.提示窗口的位置.动画效果等都可 ...
随机推荐
- 小学四则运算编程(c#)
---恢复内容开始--- 预计耗时与实际耗时: 代码基本完善后,对代码进行了性能改善,使用递归并减少了一些不必要的代码. 项目分析:二年级以下无乘除,四年级以下无小数 性能: 类图: 通过这次个人项目 ...
- 五、docker网络技术
五 docker网络技术 1.本章环境: 源码文件目录: 2.网络基础回顾 通道: NAT将私有地址和端口号翻译成公有的地址和端口号项某网站发出数据包.某网站根据数据表查出私有ip和端口号返回数据. ...
- java基本类型和数字类及其相关计算
--- java 八大基本类型 byte short int long double float boolean char --对应的包装类 Byte Short Integer Long Doub ...
- sciense
I hate the word "networking." It must be one of the most overused words in the English lan ...
- C++11-->单生产者,单消费者问题
参考上一篇C++11并发编程 #include <iostream> #include <queue> #include <assert.h> #include & ...
- 简单hibernate框架测试
-jar包 -日志配置文件: -实体类: package cn.itcast.domain; public class Customer { private Long cust_id; //客户编号 ...
- eclipse 打开时一闪而过解决办法
编辑文件:eclipse.ini,在 -vmargs 上一行添加: -vmC:/Program Files/Java/jdk1.8.0_131/jre/bin “C:/Program Files/Ja ...
- Devexpress GridControl 多选
以前dev的多选要自己处理,一般的处理方式就是在单元格中添加checkbox控件.后来的版本中dev增加了多选的支持,只需要设置一下属性就可以了,属性如下图: 然后效果设计页面就是这个样子: 运行以后 ...
- 详解angular2组件中的变化检测机制(对比angular1的脏检测)
组件和变化检测器 如你所知,Angular 2 应用程序是一颗组件树,而每个组件都有自己的变化检测器,这意味着应用程序也是一颗变化检测器树.顺便说一句,你可能会想.是由谁来生成变化检测器?这是个好问题 ...
- 简单gitblit与Jenkins结合,持续集成
gitblit是当作git服务器,也就是作为私有的代码仓库,用法类似于Github Jenkins 是自动构建工具,帮忙将仓库中的代码更新到服务器上.可以设置为定时自动构建. 详细摸索了我现在公司的用 ...