JavaScript学习笔记

原创 2018年04月15日 20:08:57

二、HTML梳理

1HTML元素通有属性

1id属性

2class属性:把一个元素指定为一个或多个类的成员

3style属性:为一个单独出现的元素指定CSS样式(字体字号等)。javascript脚本中通过objectId.style.property形式访问元素的特定CSS样式。

4title属性:为元素指定一个标题,通常以工具形式显示出来。当用户用鼠标指向该元素时,title属性的内容就会动态的显示出来。javascript脚本中通过objectId.title形式访问元素的title属性。

2、设置文本格式

1)段落标记<p></P>

换行标记<br />

2divspan标记

div标记也称分区标记,它指定一个呈现HTML内容的通用块级容器,呈现时另起一行,其内容可以是内嵌元素和块级元素。加载内容后能够立即显示出来。

span标记定义了一个通用内嵌元素,不需要另起一行呈现。其作用是围绕HTML代码中的文本或其他页面元素,以便可以为它们指定CSS样式。

div是块级元素,主要用于容纳其它标签;

span是行内元素,主要用于容纳文字。

3)设置字体、字号、颜色

<font</font>

4)设置字符样式

常用的字符样式:粗体、斜体、下画线

粗体:<strong></strong>或者<b></b>

斜体:<em></m>或者<i></i>

下画线:<u></u>

打字型:<tt></tt>

强调:<em></em>

代码:<code></code>

变量:<var></var>

范例:<samp></samp>

键盘:<kbd></kbd>

引用:<cite></cite>

定义:<dfn></dfn>

已删除:<del></del>

已插入:<ins></ins>

上标:<sup></sup>

下标:<sub></sub>

大字体:<big></big>

小字体:<small></small>

5)插入特殊字符

一个字符实体包含三个部分:第一部分是“&”字符,第二部分是实体名称(区分大小写)或者是#加上实体编号,第三部分是一个分号。

 

6)设置网页文字内的标题格式

h1定义最大标题,h6定义最小标题。默认情况下,标题总是以粗体字来显示。

7)设置列表格式

列表分为有序列表、无序列表和定义列表。有序列表带有序号标记(数字或字母),无序列表带有项目符号,定义列表包含条目和定义。

3、使用图像

1)在网页中插入图像

2)播放视频

<img />属性dynsrc设置为视频文件的URLloop属性设置视频激活后的循环次数(-1表示无限循环,0表示仅播放一次,正整数表示循环的指定次数),start指定何时播放视频文件,其值是一个字符串,即fileopen(加载后立即播放,默认)和mouseover。(用鼠标指向视频时开始播放)。

3)插入水平分割线

<hr />标记,块级元素

4、添加媒体效果

1)添加滚动字幕

2)插入声音效果

两种方式

3)插入视频片段、插入flash动画

  <embed></embed>标记

4)插入Applet

AppletJava语言编写的小应用程序,它们可以直接嵌入到网页中,并能够产生特殊的效果。applet元素是内嵌元素,用于在页面上放置可执行内容。

1、  创建表格

1)创建基本表格

2)设置表格的属性

当对表格、行、单元格属性进行设置时,若对同名属性设置了不同的值,则按优先级发生作用(单元格属性设置优先级最高,行属性设置次之,表格属性设置最低)。

2、  用框架分割窗口

通过框架可以将浏览器窗口划分为若干个网格,在每个窗格中可以显示一个网页,从而获得在一个浏览其窗口同时显示多个网页的特殊效果。

3、   超链接

<a></a>  

4、  表单

防止Word文档的丢失

    唉!又断电了(又死机了……)!辛辛苦苦打的东西又没了。许多人都遇到过这样的事,不过如果你用的是Word2000的话,那我告诉你,照下面的做,可以将你的损失减少到最小(真的吗?)。不信请看:  ...
  • zhangjian80
  • zhangjian80
  • 2001-07-09 11:50:00
  • 835

javascript 学习笔记

  • 2009年04月21日 15:24
  • 40KB
  • 下载

[持续更新]JavaScript学习笔记(二)

1.变量作用域 这个是个重点,也是前端考察的要点。 一个变量的作用域(scope):是程序员代码中定义这个变量的区域。 这是JavaScript权威指南第六版中对作用域的定义。简单的来说:一个变量定义...
  • u014267351
  • u014267351
  • 2015-08-12 22:11:55
  • 408

黑马程序员——JavaScript学习笔记(1)

---------------------- ASP.Net+Android+IO开发S、.Net培训、期待与您交流! ---------------------- Javascript 的基本...
  • u010741738
  • u010741738
  • 2013-06-13 01:58:11
  • 370

个人Javascript学习笔记 精华版

  • 2009年05月27日 19:43
  • 71KB
  • 下载

js学习笔记(比较全)

什么是JavaScript? 1. JavaScript 是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)。 2. JavaScript 通常被直接嵌入 HTML 页面。 3....
  • jiangzhongwei_
  • jiangzhongwei_
  • 2016-07-22 20:12:28
  • 860

《JavaScript高级程序设计 第三版》学习笔记 (五) 继承详解

2014.8.30 面向对象语言有两种继承方式:接口继承(只继承方法名);实现继承(继承实际的方法)。但在ECMAScript中,函数名没多大含义,只是函数体的引用而已,因此,ECMAScr...
  • lbxx1984
  • lbxx1984
  • 2014-08-29 17:25:03
  • 471

《Javascript权威指南》学习笔记之十六:BOM之源---BOM基本应用

、浏览历史管理 1、history对象的方法和属性 History 对象包含用户(在浏览器窗口中)访问过的 URL,是 window 对...
  • u011043843
  • u011043843
  • 2014-06-11 13:06:45
  • 1288

JavaScript for Kids 学习笔记1. 学习环境

第一章讲了一堆废话。不过,确实也有干货,那就是学习环境。学习过程中必须要有一个简单易用的练习平台,就像Swift的Playground。...
  • wershest
  • wershest
  • 2017-03-10 12:24:39
  • 514

javascript学习笔记

第一章 一、JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 1.交互性(它可以做的就是信息的动态交互) 2.安全性(它不允许直接访问本地硬盘...
  • zhoulenihao
  • zhoulenihao
  • 2013-09-04 23:04:27
  • 4218
收藏助手
不良信息举报
您举报文章:JavaScript学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)