js部分基础知识
2016-04-01 12:06
561 查看
1.innerHTML:
利用js向html中嵌入html代码。
eg:
<html>
<head>
<title>javascript</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<style>
#cicle {
width:200px;
height:200px;
border-radius:100px;
background:red;
}
</style>
</head>
<body>
<input type="text" id="mytext" value="aaa" />
<div id="cicle"></div>
<div id="what">who am i?</div>
<div id="creattext"></div>
<button id="change">change p text</button>
<script type="text/javascript">
var text = document.getElementById("mytext").value;
document.getElementById("change").onclick = function() {
text = document.getElementById("mytext").value;
document.getElementById("what").innerHTML = document.getElementById("what").innerHTML
+ "i am bob!";
//document.getElementById("creattext").innerHTML = "<ul><li>asd</li><li>zxc</li></ul>"
document.getElementById("cicle").style.display = "none";
document.getElementById("creattext").innerHTML = text;
}
</script>
</body>
</html>
2.Date.now():获取系统当前时间,单位是毫秒。
3.function():
两种形式:
1>function() {};
2>function make() {};
利用js向html中嵌入html代码。
eg:
<html>
<head>
<title>javascript</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<style>
#cicle {
width:200px;
height:200px;
border-radius:100px;
background:red;
}
</style>
</head>
<body>
<input type="text" id="mytext" value="aaa" />
<div id="cicle"></div>
<div id="what">who am i?</div>
<div id="creattext"></div>
<button id="change">change p text</button>
<script type="text/javascript">
var text = document.getElementById("mytext").value;
document.getElementById("change").onclick = function() {
text = document.getElementById("mytext").value;
document.getElementById("what").innerHTML = document.getElementById("what").innerHTML
+ "i am bob!";
//document.getElementById("creattext").innerHTML = "<ul><li>asd</li><li>zxc</li></ul>"
document.getElementById("cicle").style.display = "none";
document.getElementById("creattext").innerHTML = text;
}
</script>
</body>
</html>
2.Date.now():获取系统当前时间,单位是毫秒。
3.function():
两种形式:
1>function() {};
2>function make() {};
相关文章推荐
- VideoJS兼容性研究
- Extjs实现下拉菜单效果
- 【笔记】 《js权威指南》- 第3章 类型、值和变量 - 3.8 类型转换
- (js特效) js代码实现弹出层
- JavaScript concat() 方法
- JavaScript 10分钟入门
- 【笔记】 《js权威指南》- 第3章 类型、值和变量 - 3.5 全局对象
- JavaScript 获取当前时间戳 (3种方式)
- extjs表单提交combobox提交值问题
- 数组型Json解析之细节
- getClientRects 和 getBoundingClientRect 的用法和区别
- js 排序
- Extjs实现下拉树
- VB6下简易的JSON解析器
- infinitescroll 通过无限制分页(json方式完整代码)
- 将HTML从JavaScript中抽离(源自:编写可维护的JavaScript)
- js获取html下拉框中选中值的自定义属性值
- JavaScript 的内置对象(1)
- 【笔记】 《js权威指南》- 第3章 类型、值和变量 - 3.2 文本
- JavaScript系列:函数 自执行 表达式 声明 定义