JavaScript中的document对象与location对象及变量定义

需积分: 10 16 下载量 98 浏览量 更新于2024-08-22 收藏 3.82MB PPT 举报
"docment对象的location对象-JavaScript课件" 在JavaScript中,`document`对象是HTML文档的全局对象,它提供了访问和操作页面内容的方法和属性。`location`对象是`document`的一个属性,它反映了当前页面的URL,并且可以用来导航到新的页面或者更改当前页面的URL。`location`对象包含了如`href`、`protocol`、`hostname`、`pathname`等属性,用于获取或设置与页面URL相关的各个部分。 `write()`和`writeln()`方法是`document`对象的一部分,它们主要用于动态向HTML文档中插入内容。`write()`方法接收一个字符串参数,并将其作为HTML内容写入到文档流中,而`writeln()`方法与`write()`类似,但它会在写入内容后自动添加一个换行符`\n`。这两个方法通常在文档加载过程中使用,如果在页面完全加载后调用它们,会清空当前页面并替换为新写入的内容。 在HTML中,`<script>`标签用于引入外部JavaScript文件或直接在页面中编写脚本。`<script>`标签可以放置在`<head>`或`<body>`部分,根据放置位置的不同,脚本执行的时间也不同。当放在`<head>`中时,脚本会在页面解析到该位置时执行;而放在`<body>`中时,通常会在整个`<body>`标签内容解析完毕后执行。 JavaScript中的变量是存储数据的容器。定义变量使用`var`关键字(在ES6之后,还可以使用`let`和`const`),变量名需遵循一定的命名规则:第一个字符可以是字母、下划线或美元符号,后续字符可以包含字母、数字、下划线或美元符号,但不能以数字开头。变量名区分大小写,通常有三种命名约定:CamelCase(首字母小写,后续每个单词首字母大写)、PascalCase(所有单词首字母大写)以及匈牙利命名法(在PascalCase前面加上表示类型的缩写)。 例如: - `var myTestValue = 20.5;`(CamelCase) - `var MyTestValue = 151;`(PascalCase) 变量在声明但未赋值时,其值为`undefined`。可以通过赋值操作改变变量的值,如`test = 80;`。变量也可以通过运算符进行复合赋值,如`test2 = test + 88;`,这将把`test`和88相加的结果赋给`test2`。 理解这些基础知识对于JavaScript开发至关重要,它们涵盖了页面交互、脚本引入、变量定义和命名规范等多个方面,是构建动态网页和客户端应用的基础。