你不知道的JavaScript学习笔记1

JavaScript 是一种解释型语言,不是 C++或 Java 那样的编译语言。JavaScript 指令以普通文本形式传递给浏览器,然后依次解释执行。它们不必首先“编译” 成只有计算机处理器能够理解的机器码,这让 JavaScript 程序很便于阅读,能够 迅速地进行编辑,然后在浏览器里重新加载页面就可以进行测试。
JavaScript 是一种能够让 Web 页面更具有交互性的脚本语言。

1、html
HTML 不是编程语言(如其名所示),而是一款标签语言,用于标签页面的各个部分在 浏览器里以何种方式展现,比如加粗或斜体字,或是作为标题,或是一系列选项,或是数据 表格,或是其他修饰方式。
html是静态的。不能对用户操作做出响应,不能进行判断,不能调整页面元素显示。无论用户何时访问这些页面,其中的标签都会被以相同的方式进行解析和显示。

2、给静态页面添加脚本有两种最基本的方式
(1)让 Web 服务器在把页面发送给用户之前执行脚本。
本可以确定把哪些内容 发送给浏览器以显示给用户
(2)把脚本与页面内容一起发送给用户的浏览器。然后浏览器运行这些脚本,操作已经发送给浏览器的页面内容。

3、JavaScript常见的功能:
以指定尺寸、位置和样式(比如是否具有边框、菜单、工具栏等)打开新窗口;
提供给用户友好的导航帮助,比如下拉菜单;
检验 Web 表单输入的数据,在向 Web 服务器提交表单之前确保数据格式正确;
在特定事件发生时,改变页面元素的外观与行为,比如当鼠标指针经过元素时;
检测和发现特定浏览器支持的功能,比如第三方插件,或是对新技术的支持。

4、W3C
“网际网络联盟”(W3C)是一个国际组织,致力于制定开放标准来支撑互联网的长期发展。其站点 http://www.w3.org/包含了大量与 Web 标准相关的信息与 工具。

5、 <script>标签
在 HTML里使用<script></script>标签,可以在 HTML代码里直接包含 JavaScript 语句。

<script>      
…JavaScript 语句… 
</script> 

6、 DOM
“文档对象模型”(DOM)是对文档及其内容的抽象表示。
在解析HTML 源代码过程中,浏览器建立一个内部模型来代表文档里的内容,这个模型就 是 DOM。

7、 window
window 是 DOM 树里一切对象的根。任何没有确定指明的对象的方法调用都会被指向window。

8、window子对象
document :包含全部 HTML 内容及其他构成页面显示的资源
location:包含着当前页面 URL 的全部信息
history:包含浏览器以前访问的页面地址
navigator:包含浏览器类型、版本和兼容的信息

9、 对象标签法
用句点方式表示树形结构里的对象。
例如:parent.child

10、与用户交互
(1) window.alert( ) 弹出对话框
例如:

<script>
    window.alert("Here is my message");
</script> 

要显示的文本位于引号(单/双)之中

(2) docunment.write( )
直接向html文档写入字符;
是一种向页面输出内容的笨拙方式。大多数“严肃”的 JavaScript 程序员都不 会使用这种方式,更好的方式是使用 JavaScript 和 DOM。
例如:

<script>
    doucument.write("Here is my message");
</script> 

(3) 读取 document 对象的属性
例如1:alert(document.title)
读取document的title对象的内容,即弹出标题内容。
例如2:alert(document.lastModified)
,输出 document.lastModified 属性,它包含的是 Web 页面最后一次修改的日期和时间。

猜你喜欢

转载自blog.csdn.net/lin434406218/article/details/52868895