JavaScript基础笔记_17-07-12

最新推荐文章于 2025-02-18 17:52:54 发布

Super糖

最新推荐文章于 2025-02-18 17:52:54 发布

阅读量332

点赞数

本文介绍了JavaScript中对象的创建方法，展示了如何使用for循环和while循环遍历数组，演示了如何通过DOM操作来添加和删除HTML元素，同时涉及了事件处理如onload、onmousedown等的应用。

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

创建 JavaScript 对象

JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。

function test(){
	 person = new Object;
	 person.firstname = "Marry";
	 person.lastname = "myworld"
	 person.password = "123456";
	 person.age = 18;
	 
	 document.write(person.firstname + "是" +person.age+"岁"+"");
	 document.write("用户名"+person.lastname+"密码"+person.password);
	}

运行效果

for循环与whlie循环是很相似的

function testB(){
    cars=["aa","bb","cc","dd"];
    var i=0;
    for (;cars[i];){
        document.write(cars[i] + "
");
        i++;
        }
}


	function testB(){
		cars = ["aa","bb","cc","dd"];
		var i =0;
		while(cars[i]){
			document.write(cars[i]+"");
			i++
		}	
	}

两个循环运行效果相似

获取HTML中的标签和属性

function testC(){
		
		var inputs =document.getElementsByTagName("input");
		alert(inputs.length);
		for(var i=0;i










载入网页时的弹出框







onload 和 onunload 事件

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。






empty





运行效果








 





html>

运行效果














onmousedown、onmouseup 以及 onclick 事件

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

原样



点击鼠标时↓

松开鼠标后↓









创建新的 HTML 元素

如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。


     	
     	第一段话
     	第二段话




运行效果








删除已有的 HTML 元素

如需删除 HTML 元素，您必须首先获得该元素的父元素：


     	
     	第一段话
     	第二段话




运行效果