javascript基础入门：元素操作与onload事件详解

123 浏览量更新于2024-08-30 收藏 82KB PDF 举报

本文档主要介绍了菜鸟级别的JavaScript基础知识，包括以下几个关键点： 1. **页面中写入HTML内容**：使用`document.write()`方法在HTML页面中插入动态内容，如 `<h1>HelloWorld!</h1>`。这是一种常见的JavaScript操作DOM（Document Object Model）的方式。 2. **防止JavaScript被浏览器解析为HTML**：通过在JavaScript代码块前使用``的多行注释形式，可以防止JavaScript代码被非支持JavaScript的浏览器误识别并显示。这里展示了如何正确嵌套注释来避免这种情况。 3. **onload事件处理**： - **第一种方式**：通过在`<body>`标签上添加`onload`属性，并定义一个名为`message`的函数，如`<body onload="message()">`，在页面加载完成后调用这个函数，弹出提示框。 - **第二种方式**：利用`window.onload`全局事件，将`message`函数赋值给这个事件，同样实现页面加载后执行相应操作。 4. **JavaScript的加载位置**：JavaScript的执行顺序很重要。通常，位于`<body>`内的脚本会在页面加载完成后立即执行，而位于`<head>`中的脚本会在HTML解析阶段加载，但只有在后续引用到它们时才会执行。 5. **分号的重要性**：尽管JavaScript允许省略分号，但使用分号可以增加代码可读性，并确保浏览器正确识别语句结束，尤其是在多行语句中。 6. **变量命名规则**：JavaScript变量名区分大小写，且必须以字母或下划线开头，遵循了标识符的命名规范。 7. **变量声明**：JavaScript中的变量声明并不需要显式使用`var`关键字，如果在使用前赋值，变量会被隐式声明。例如，`x=5; carname="Volvo";` 和 `var x=5; var carname="Volvo";` 的效果是一样的。 8. **比较运算符**：文章提到了全等运算符 `===`，用于检查值和类型的相等性，比如 `x===5` 返回`true`，表明`x`的值和类型都等于5。这些知识点概述了JavaScript的基础语法和编程习惯，对于初学者理解和掌握JavaScript语言至关重要。通过实践和理解这些概念，可以逐步构建更复杂的网页应用。

菜鸟菜鸟javascript基础整理基础整理1

代码如下:

//页面中写入html内容

document.write(“<h1>Hello World!</h1>”)

代码如下:

//为了防止不支持 JavaScript 的浏览器把js当作为页面的内容来显示

//注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。

<!–

document.write(“Hello World!”);

//–>

</script>

代码如下:

//onload事件的多种写法

//第一种通过body标签加入onload事件

function message(){ alert(“该提示框是通过 onload 事件调用的。”);}

</script>

//第二种直接用window函数调用onload事件

window.onload=message;

function message(){ alert(“该提示框是通过 onload 事件调用的。”); }

</script>

//JavaScript 放置的位置

当页面载入时，会执行位于 body 部分的 JavaScript。(直接执行)

当被调用时，位于 head 部分的 JavaScript 才会被执行。

head 部分

包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。

//分号的作用

//分号是可选的（根据 JavaScript 标准），浏览器把行末作为语句的结尾,通过使用分号，可以在一行中写多条语句。

6。

//JavaScript 变量名称的规则：

变量对大小写敏感（y 和 Y 是两个不同的变量）

变量必须以字母或下划线开始

7。

//变量的声明

如果您所赋值的变量还未进行过声明，该变量会自动声明。

例:

x=5; carname=”Volvo”;

与后面的这些语句的效果相同：var x=5; var carname=”Volvo”;

8。

//比较运算符

运算符描述例子

=== 全等（值和类型） x===5 为 true； x===”5″ 为 false

下载后可阅读完整内容，剩余6页未读，立即下载

weixin_38629976

粉丝: 7
资源: 971

javascript基础入门：元素操作与onload事件详解

菜鸟javascript基础资料整理2

菜鸟javascript基础资料整理3 正则

JavaScript视频教程

易语言中文编程-从入门到精通【菜鸟基础教程】.doc

w3cschool菜鸟教程

bootstrap菜鸟教程瀑布流

川川菜鸟python蓝桥杯

wordpress教程菜鸟教程

runoob菜鸟教程20190308

vue前端框架菜鸟教程

最新资源