Javascript-初始
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1]为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。(来自:百度百科)
Dom 文档对象
Bom 浏览器对象
三种引入方式
1. 行内 <div onclick=’alert(“行内”)’></div>
2. 内部 <script>alert(‘内部’)</script>
3. 外部 <script src=’外部文件来源’></script>
变量的命名规则:
不能使用关键字和保留字
必须以英文字母,_,$开头
选用驼峰命名 userName
建议 语义化命名
鼠标事件:
- 点击事件:onclick
- 双击事件:ondblclick
- 鼠标进入:onmouseenter
- 鼠标离开:onmouseleave
- 鼠标移入:onmouseover
- 鼠标移出:onmouseout
- 鼠标移动:onmousemove
- 鼠标按下:onmousedown
- 鼠标抬起:onmouseup
- 鼠标右击:oncontextmenu
- 鼠标双击:onbdlclick
JS操作元素属性
<body>
<input type="password" id="pass" value="">
<input type="text" id="text" value="">
<input type="button" id="btn">
<script>
btn.onclick = function () {
text.value= pass.value;
}
</script>
将一个框的值放在另一个框里
简陋留言板
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.text{
margin: 10px auto;
width: 0;
min-height: 20px;
border: #fbbc05 2px solid;
overflow: hidden;
}
</style>
</head>
<body>
<div id="box" ></div>
<input type="text" id="con">
<input type="button" id="btn" >
<script>
var box = document.getElementById('box');
var btn = document.getElementById('btn');
btn.onclick = function () {
var con = document.getElementById('con');
var cValue = con.value;
box.innerHTML += '<div class="text"><p>'+cValue+'</p></div>';
con.value = '';
}
</script>
</body>
</html>