JavaScript 基础学习-CSDN博客

本文链接：https://blog.csdn.net/u014071823/article/details/21483949

本文介绍了JavaScript的基础知识，包括如何通过getElementById方法访问HTML元素、数组创建、改变HTML元素内容及属性的方法，以及常见事件如onmouseover和onmousedown的使用。

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

华恩IT 2014/3/18

一、JavaScript 是脚本语言，可插入 HTML 页面的编程代码，是一种轻量级的编程语言。

二、从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法，用"id" 属性来标识 HTML 元素

document.getElementById("id").innerHTML="";

JavaScript 对大小写是敏感的。当编写 JavaScript 语句时，请留意是否关闭大小写切换键。函数 getElementById 与 getElementbyID 是不同的。

三、 JavaScript 数组创建，创建最简单的数组

var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";
for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}

四、 document.getElementById(id).innerHTML=new HTML 改变 HTML 元素的内容
document.getElementById(id).attribute=new value 改变 HTML 元素的属性
document.getElementById(id).style.property=new style 改变 HTML 样式

οnclick="document.getElementById('p1').style.visibility='hidden'" 隐藏文本
οnclick="document.getElementById('p1').style.visibility='visible'" 显示文本

五、onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数

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

六、js对象

为字符串添加样式：big()变大；small()变小；bold()加粗；italics()变斜体；fontcolor("Red")变颜色；fontsize(16)字体大小；toLowerCase()转化成小写字母；toLowerCase()转化成大写字母；sub()下标；sup()上标