JavaScript学习笔记：基础与实战技巧

需积分: 9 163 浏览量更新于2024-09-13 收藏 3KB TXT 举报

"这是一份JavaScript的学习笔记，包含了基本语法、事件处理和窗口操作等多个方面的内容。" 在JavaScript中，元标签（meta）用于定义HTML文档的元数据，例如字符编码。在这个例子中，`<meta http-equiv="content-type" content="text/html;charset=UTF-8">`设置页面的字符编码为UTF-8。`<script>`标签用于插入JavaScript代码，它可以在`<head>`或`<body>`标签内。示例中展示了两种不同的`<script>`标签写法，分别用于显示"Hello World"。 JavaScript可以直接嵌入HTML文档中，通过`document.write()`方法可以向HTML文档输出内容，例如`document.write("<h1>helloworld</h1>")`会在页面上创建一个一级标题显示"Hello World"。另外，可以通过外部JavaScript文件（如`hello.js`）引入脚本，使用`<script src="hello.js">`，这种方法可以让代码组织更清晰。变量声明使用`var`关键字，例如`var num=30`和`var info="helloworld"`。函数定义使用`function`关键字，如`function fun() {}`。数组创建有两种方式：`var arr = new Array(3)`创建一个长度为3的空数组，`var arr = new Array(3,4,5,6)`则创建一个包含4个元素的数组。事件处理是JavaScript与用户交互的关键，如`onClick`事件，当用户点击元素时执行相关函数。例如`onClick="fun()"`会调用名为`fun`的函数。可以链式调用多个函数，如`onClick="fun(); sayHello();"`。访问DOM元素属性可使用`document.getElementById("id").property`，如改变输入框的值：`document.getElementById("myInput").value`。正则表达式在JavaScript中用于字符串匹配，例如`/pattern/.test(string)`，返回一个布尔值表示`string`是否符合`pattern`。`onSubmit`事件通常用于表单验证，如`onSubmit="return validate(this)"`，如果验证失败，`validate`函数应返回`false`阻止表单提交。窗口操作方面，`window.open(url, "name", "options")`用于打开新窗口或标签页，`options`可以设置窗口属性。`window.confirm("message")`显示确认对话框，返回用户点击的结果（true或false）。在条件语句中使用`if`结合`confirm`可以实现特定行为。这份JavaScript笔记涵盖了基础语法、事件处理、DOM操作、正则表达式以及窗口管理等核心概念，对于初学者来说是非常实用的学习资料。

自动加上文档类型声明
meta标记
<meta http-equiv="content-type" content="text/html; charset = UTF-8">

<script>标记都是出现在<head>标记中的，当然，也可以再任意位置上编写。

<script language="javascript">
alert("hello world\n");
</script>
或
<script type="text/javascript">
alert("hello world");
</script>

换行： \n
注释： // /* */

定义多个<script>元素时，执行采用顺序执行。

在javascript中使用doucument.write() 页面输出
在javascript中可以直接输出HTML元素。
例：doucument.write("<h1>hello world</h1>")；

导入 *.js 文件：在<script>元素中使用src属性导入。 js文件中，直接编写javascript语句即可。
例：<script language="javascript" src="hello.js" >

定义变量：使用 var 来定义变量，变量的类型会根据所赋予的具体内容来决定。
例：var num=30；
var info="hello world";

剩余6页未读，继续阅读

爱樵夫

粉丝: 0
资源: 9

JavaScript学习笔记：基础与实战技巧

狂神说系列 JavaScript笔记

javascript笔记 javascript笔记

html+css+javascript笔记完整版

狂神说javascript笔记

html+css+javascript笔记

pink老师javascript笔记

javascript笔记

用html写一个云笔记列表界面，第一行显示这是我的笔记，添加新笔记按钮，返回首页按钮。第二行显示ID，标题，创建时间，修改时间，操作，这些数据读取于一个静态字典。操作下有修改按钮，删除按钮。

javascript typora笔记

前端学习笔记 javascript

最新资源