js元素and事件

本文介绍了JavaScript的基本概念,包括如何引入外部JS文件、变量声明、对象创建及属性访问等,并讲解了DOM操作方法及事件绑定技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1:可以引入外部js文件,通过src来指定外部文件的位置,特别注意不能省略script的结束标记。

2:对于js而言,是没有数据类型的,全部都是通过var来完成变量的创建。

function Person(name,age){
//定义一个Person的属性为name
this.name = name;
//定义了Person的属性为age
this.age = age;
//如果没有用this声明,这个变量就仅仅是一个局部变量,不是类的属性
var x = 10;
//定义一个行为
this.fn = function(){
alert("aaa");
}
}
var p1 = new Person("zhang3","18");
alert(p1.name);
//p1.x为undefined
p1.fn();
alert(p1 instanceof Person); //true
//可以通过对象["属性名"]完成对属性的调用
alert(p1['name']);
//在js中对于对象而言,可以通过for in来遍历对象的属性
for ( var iterable_element in p1) {
alert(iterable_element+":"+p1[iterable_element]);
}

var d = new Date();
var date = d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日";
alert(date);
//----------------------------------------------------------------------------
function begun(){
//3秒后调用一次
setTimeout("showTime()", 1000);
//每三秒执行一次
var t = setInterval("showTime()", 3000);
//清楚计时
clearInterval(t);

}
function showTime(){
var node = document.getElementById("txt");
alert(node.style);
var size = parseInt(node.style.fontSize);
node.style.fontSize = size+20+'px';
}
//--------------------------------------------------------------------------------



3:当在函数内部没有使用var来声明变量的时候,这个变量就会作为全局变量声明。所以一定注意,在函数中定义变量一定要使用var。

4:常用的类型有,Number,String,Array,Date , java进行强制类型转换时(Number)a ,而js是通过Number(a),如果强制转换一个非数字的值为Number会得到一个NaN的值。使用parseInt可以将字符串开头的几个数字转换为int,但如果开头不是数字,则得到NaN。typeof(数组)显示的结果就是Object,不会显示Array。判断是否是Array的实例,ainstanceof Array。在js中,非0就是true。特别注意,NaN是false。当一个变量没有定义值得时候,是undefined类型,是false。

特别注意:在js中除了NaN,undefined,和0这三个数是false外其余皆是true

5:浏览器对象window 。 window.opener获取 返回对创建此窗口的窗口的引用。  

open() 打开一个新的浏览器窗口或查找一个已命名的窗口。

6:innerHTML只针对元素节点,nodeValue()针对文本节点。

7:通过document对象查找各个元素。

<script type="text/javascript">
//开发中可以通过这种方式绑定事件,函数中默认有一个event参数,来获取相应的事件信息。
/*
如下绑定方式带来的最大的一个问题是如果将该段代码放到head中定义,在执行绑定事件的代码的时候并没有把html的标签渲染出来
,所以通过dom获得的节点都是null,就报错了。所以得在页面加载完成之后(body标签中onload时调用)才调用以下代码,
*/
window.onload = init; 
function init(){
var node = document.getElementById('btn');
node.onclick = function(event){
alert(event.type);
}
}
</script>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值