- 博客(27)
- 收藏
- 关注
RSS订阅转载 JavaScript HTML DOM 事件
<script> function changetext(id){ id.innetHTML = "Ooops!"; } </script><body><!-- 对事件做出反应 我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。 ...
2018-12-15 18:44:16
226
转载 JavaScript HTML DOM - 改变CSS
<!-- 改变 HTML 样式 如需改变 HTML 元素的样式，请使用这个语法： document.getElementById(id).style.property=新样式 --> <p id="p1">Hello world!</p> <P id="p2">Hello world!</P>
2018-12-14 11:31:06
165
转载 JavaScript HTML DOM - 改变 HTML
<!-- 改变 HTML 输出流 JavaScript 能够创建动态的 HTML 内容： --> <script> document.write(Date()); </script><!-- 变 HTML 内容 修改 HTML 内容的最简单的方法是使用 innerHTML 属性。 如需改变 H...
2018-12-14 11:13:46
151
转载 HTML DOM (文档对象模型)
<!-- HTML DOM (文档对象模型) 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 -->HTML DOM 模型被构造为对象的树： <!--过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能够改变页面中的所有 HTML 元...
2018-12-14 10:58:19
818
转载 JavaScript 表单验证
<script> function validateForm(){ var x = document.forms["myForm"]["fanme"].value; if (x==null || x==""){ alert("姓名必须填写"); return ...
2018-12-09 21:06:34
125
转载 JavaScript 表单验证
<!-- JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成。 以下实例代码用于判断表单字段(fname)值是否存在，如果存在，则弹出信息，否则阻止表单提交： --> <h1>javaScript 验证输入</h1> <input id="nymb"> <...
2018-12-09 20:41:48
244
转载 JavaScript 调试
<!-- JavaScript 调试没有调试工具是很难去编写 JavaScript 程序的。你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置 --><!-- JavaScript 调试工具在程序代码中寻找错误叫做代码调试。调试很难，但幸运的是...
2018-12-08 18:40:30
126
转载 JavaScript 错误 - throw、try 和 catch
<!-- JavaScript 错误 - throw、try 和 catch try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 --><!-- JavaScript 错误 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。 可能是语法错误，通常是程序员造成...
2018-12-08 09:19:49
147
转载 JavaScript 正则表达式
<!-- JavaScript 正则表达式 正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 --><!-- 什么是正则表达式？ 正则表达式是由一个字符序列形成的搜索模式。 当你在文本...
2018-12-06 21:35:22
99
转载 JavaScript 数据类型
<!-- 在 JavaScript 中有 5 种不同的数据类型： string number boolean object function3 种对象类型： Object Date Array2 个不包含任何值的数据类型： null undefined --> <p> ty...
2018-12-06 20:32:33
91
转载 typeof 操作符返回变量后表达式的类型。
<p>typeof 操作符返回变量后表达式的类型。</p> <p id="demo"></p> <script> /*typeof 操作符 你可以使用 typeof 操作符来检测变量的数据类型。*/ document.getElementById("demo").inner
2018-12-05 21:29:30
529
转载 JavaScript while 循环
<!-- while 循环 while 循环会在指定条件为真时循环执行代码块。 语法 while (条件) { 需要执行的代码 } --> <script> var i=0; while (i<5){ x = x + "The number is...
2018-12-05 20:37:45
152
转载 JavaScript switch 语句
<!-- JavaScript switch 语句 请使用 switch 语句来选择要执行的多个代码块之一。 语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break;...
2018-12-03 17:42:05
132
转载 JavaScript if...Else 语句
<!-- 通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中，我们可使用以下条件语句： if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码 if...else if.....
2018-12-03 17:31:49
447
转载 JavaScript 字符串
<!-- JavaScript 字符串 字符串可以存储一系列字符，如 "John Doe"。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号 --><!-- 字符串长度 可以使用内置属性 length 来计算字符串的长度 --> <script> var txt = "JKLKJJJJOJ...
2018-12-03 17:08:22
100
转载 JavaScript 事件
<!-- JavaScript 事件HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件 --><!-- HTML 事件 HTML 事件可以是浏览器行为，也可以是用户行为。 以下是 HTML 事件的实例： HTML 页面完成加载 H...
2018-12-03 11:12:12
95
转载 JavaScript 作用域
<p>局部变量在声明的函数处不可能访问。</p> <p id="demo"></p> <p>全局变量在任何脚本和函数均可访问。</p> <p id="demo2"></p> <script>
2018-12-03 10:21:03
91
转载 JavaScript 数据类型
<!-- JavaScript 数据类型 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。 引用数据类型：对象(Object)、数组(Array)、函数(Function) --><script>/*JavaScript 字符串 字符串是存...
2018-12-02 22:36:08
94
转载 JavaScript 变量
<!-- JavaScript 变量与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。 变量必须以字母开头 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做） 变量名称对大小写敏感（y 和 Y...
2018-12-02 21:46:27
90
转载 JavaScript 语句
<h1>我的网页</h1> <p id="demo1"></p> <p id="demo2"></p> <p id="demo"></p> <p id="myDiv&qu
2018-12-02 21:24:14
110
转载 JavaScript 语法
<p id="demo"></p><p id="demo2"></p><p id="demo3"></p><!-- JavaScript 数据类型 JavaScript 有多种数据类型：数字，字符串，数组，对象等等： var lengt
2018-12-02 20:55:58
84
原创 JavaScript 输出
<!-- JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用...
2018-12-02 20:36:57
79
原创 JavaScript 用法
<!-- JavaScript 用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中 --> <!-- <script> 标签 如需在 HTML 页面...
2018-12-02 20:24:16
91
原创 margin、border、padding属性
margin属性 margin属性用于设置页面中元素和元素之间的距离，即定义元素周围的空间范围，是页面排版中一个比较重要的概念。margin属性的语法格式如下：margin:auto | length 其中，auto表示根据内容自动调整，length表示浮点数字和单位标识符组成的长度值或百分数，百分数是基于父对象的高度。对于内联元素来说，左右外延边距可以是负数值。 ...
2018-07-02 10:10:59
3684
原创 使用DIV+CSS布局页面——1
1.什么是div div是一个容器。在HTML页面中的每个标签对象几乎都可以称得上时个容器，例如使用<p>段落的标签。<p>段落</p> <p>标签作为一个容器，其中放入了内容。同样的，div也是一个容器，能够放置内容，例如： <div> 文档内容 </div> 在传统的表格样式...
2018-07-01 23:38:37
20073
原创 CSS基础概念_2
1.单位和值 在css选择器中提到过，每一个CSS属性的值均有两种指定形式，一种是指定范围，如float属性，只可能应用left、right、none三种值；另外一种为数值，如width能够使用0~9999px或许其他数字单位来指定，除px(像素单位)之外，CSS提供了许多其他类型的数学单位帮助进行值定义，如下表：CSS中的单位和值在CSS样式中，绝对用于设置，主要有5种，分别是in...
2018-06-30 20:23:11
152
原创 CSS的基础概念_1
1.CSS的特点 1.可以更灵活地控制网页中文字的字体、颜色、大小、间距、风格及位置 2.可以灵活地设置一段文本的行高、缩进，并可以为其进入三维效果的边框 3.可以方便地为网页中的任何元素设置不同的背景的颜色和背景图片 4.可以精确地控制网页个元素的位置 5.可以为网页的元素设置各种过滤器，从而产生如阴影、模糊、透明等效果 6.可以与脚本语言相结合，从而产生各种动...
2018-06-30 00:18:16
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人