分类目录

统计信息

  • 日志总数:59篇
  • 评论总数:2条
  • 分类总数:9个
  • 标签总数:51个
  • 友情链接:3个
  • 网站运行:3213天

2019 年九月
« 七    
 1
2345678
9101112131415
16171819202122
23242526272829
30  
现在位置:    首页 > 前端开发 > 正文
第11章 学习JavaScript(1)
前端开发 评论关闭

  JavaScript在网页中可以实现以下功能:从文档中读取元素,并且将新元素和文本写入文档;操作或移动文本;对数据执行数学计算;响应事件;从用户计算机中检索当前日期和时间或文档上一次修改的时间;确定用户显示器的大小、浏览器版本或屏幕分辨率;基于一些条件执行操作。

11.1 编程的定义

   所有的编程语言可以执行以下任务:对数值进行数学运算,如加减乘除;对文本进行操作以确定一个句子的长度,或者确定特定的字母在一部分文本中第一次出现的位置;检查一个值(数字或字母)是否和另一个值相匹配;检查一个值是否比另一个值短或长、低或高;根据是否满足一个条件(或多个条件中的一个)执行不同的操作;以固定的次数重复执行某个操作,或者直到满足某个条件才停止执行。

   对象模型是一种描述,是程序如何能够使用一系列对象表示真实生活中实体的一种描述,并且它还指定对象可能拥有的一系列方法、属性和事件。

   操作对象模型:获取和设置网页的属性;调用方法执行操作;响应事件。

   不必关注浏览器如何实现DOM的,只要通过标准方式请求DOM中的属性或执行DOM中的方法,并且能够以期望的格式获取到结果即可。

11.2 为网页添加脚本的方式

    js外部文档的优点:脚本被多个网页使用;便于更新脚本;使网页更清新易读。

    一个XhtmL有三个位置可以放置js代码,并且可以同时使用,脚本数量不受限制。这三个位置:网页<head>部分:这些脚本将在事件触发它们时被调用;网页的<body>部分:这些脚本将在网页加载时运行;外部文件,也是同样上述两个位置,并且执行效果相同。

  11.2.1 JavaScript中的注释

    //   单行注释; /*  */多行注释。

  11.2.2 <noscript>元素

    为那些禁用了JavaScript的用户提供替代内容。

11.3 文档对象模型

    0级DOM:anchor集合代表文档中可以链接的所有锚点;applet集合代表文档中的所有小程序;area集合代表文档中所有使用<area>元素的图像映射;forms集合包含文档中所有的<form>标签;image集合代表文档中的所有图像;link集合代表网页中的所有超链接。

  11.3.1 使用点符号访问值

    从document对象开始,向下查找所需要数据的对象,每个对象通过一个句点符号隔开,因此称为点符号。

  11.3.2 document对象

    1.文档对象的属性

属性名称 目的 读/写
alinkColor 指定链接的颜色 读/写
bgcolor 指定背景颜色 读/写
fgcolor 前景/文本的颜色 读/写
lastModified 文档最近一次修改的日期 只读
linkColor 指定链接的颜色 读/写
referrer 如点击了一个链接则触发URL,没有引用网站则属性为空 只读
title 位于<title>元素中的标题 只读
vlinkColor 链接被单击之后的颜色 读/写

    2.文档对象的方法

方法名 目的
write(string) 用于向文档添加文本或元素
writeln(string) 功能同write()类似,但在输出的末尾添加新行

  11.3.3 forms集合

    1.form对象的属性 

属性名称 目的 读/写
action 指定<form>元素中action特性的值 读/写
length 给出表单中表单控件的总数量 只读
method <form>元素中method特性的值(get或post) 读/写
name <form>元素中name特性的值 只读
target <form>元素中target特性的值 读/写
    2.form对象的方法
方法名称 目的
reset() 将所有表单元素重新设置为它们的默认值
submit() 提交表单

  11.3.4 表单元素

    每个<form>元素都有一个elements集合对象作为其属性,该集合对象代表表单中的所有元素。

     ~文本字段:读取用户输入的数据,或者将新文本写入到这些元素中。

     ~复选框和单选按钮:测试它们是否被选中,以及选中或取消选中它们。

     ~按钮:禁用它们直到用户选择一个选项。

     ~选择框:选择一个选项或者查看用户选择了哪个选项。

    1.表单元素的属性

    2.表单元素的方法

  11.3.5 images集合

  11.3.6 对象的不同类型

    ~W3C DOM对象

    ~内置对象

    ~自定义对象

本文版权归不读书的读书人所有,转载引用请完整注明以下信息:
本文作者:雾忍一望岳
本文地址:第11章 学习JavaScript(1) | 不读书的读书人

【上篇】
【下篇】

抱歉!评论已关闭.