以下是今日所学的js知识点:
1.首先来看一个小例子:
写在head里的script
<script type="text/javascript">
function myFunction()
{
answer2="He is called 'Bill'";
//注意和下面的变量进行比较,发现没有var了,这个是全局变量,生存期从页面加载开始到页面被关闭
var answer3='He is called "Bill" ';
//这个是局部变量,生存期从该函数被调用开始至该函数被调用结束
//有点怪哦`0`,请注意单双引号
document.getElementById("demo1").innerHTML="我的第一个函数";
//getElementById("demo1")可以获取ID名为demo1的元素;innerHTML可以改变元素的内容。
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
注意:
JavaScript对大小写敏感
换行符是'\'
如果把数字与字符串相加,结果将成为字符串。
单行注释:js是//
多行注释:js是/**/
其他注释:C语言,C++,C#单行//多行/**/ html<!--注释--> Css/**/
2.写在body里的script
<script>
//会在页面加载时执行。
document.write("<h1>这是补充的第一句话</h1>");
document.write("<p>这是补充的第一句话</p>");
//使用document.write()仅仅向文档输出内容
//如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:也就是说,如果函数写在下面,点击后整个页面将消失
</script>
3.JavaScript 放到了页面代码的底部,这样就可以确保在 <p> 元素创建之后再执行脚本
4.js的数据类型以及比较运算符
<body>
<script>
var i=1; //数字,数字类型只有一种,它可以带小数点也可以不带小数点
var s="hello"; //字符串
var q=[1,2,3,4]; //数组
var a=true; //布尔
var n=null; //空
var r; //未赋值
var m=new Array();
m[0]=10;
//对象此处没写
</script>
<script>
var i=10; //全局变量
var j=10;
var m="10"
document.write(i==j); //true返回布尔类型
document.write(i==m); //true返回布尔类型
document.write(i===m); //false返回布尔类型;类型相同才为真
document.write(i!=j); //false返回布尔类型
document.write(i!=m); //false返回布尔类型
document.write(i!==m); //true返回布尔类型
document.write(i>=j); //true返回布尔类型
document.write(i>10?"y":"n");
function f()
{
x=10; //x是全局变量
}
</script>
</body>
5.句柄
<button id="btn">按钮1</button>
<p>该按钮添加了句柄</p><br />
<button id="btn2">按钮2</button>
<p>该按钮可以连续弹出对话框,添加了两个句柄</p>
<script>
document.getElementById("btn").addEventListener("click",function(){alert("hello")});
//添加句柄,好处可以添加多个而且不会覆盖,在做修改时,会很方便
var x=document.getElementById("btn2");
x.addEventListener("click",hello);
x.addEventListener("click",world);
x.removeEventListener("click",hello);
//将hello第一个句柄移除,点击按钮只会显示world
function hello() {
alert("hello");
}
function world(){
alert("world");
}
</script>
6.js文件
function A(){
}
A.prototype.sayHello = function() {
console.log("HEllo JS");
};
A.sayHi=function(){
//A的静态的方法
console.log("hello clever people!");
}
var a=new A();
a.sayHello();
//实例方法
A.sayHi();
//静态方法
function B(){
}
B.prototype=new A();
var b=new A();
b.sayHello();