JavaScript
IMU_Pandade
As long as you are here
展开
-
JavaScript基础实例
用JavaScript 输出文本<!DOCTYPE HTML><head> <meta charset = "utf-8"> <title>starGirl</title></head><body> <h1>我的第一个Web页面</h1> <p>我的第一个段落</p> <script> document.write(Date());原创 2016-09-21 17:56:35 · 390 阅读 · 0 评论 -
JavaScript HTML DOM 事件
对事件做出反应我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。 如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码:onclick=JavaScriptHTML 事件的例子:当用户点击鼠标时 当网页已加载时 当图像已加载时当鼠标移动到元素上时 当输入字段被改变时当提交 HTML 表单时当用户触发按键时原创 2017-07-27 07:17:46 · 412 阅读 · 0 评论 -
JavaScript HTML DOM - 改变 CSS
改变 HTML 样式如需改变 HTML 元素的样式,请使用这个语法:document.getElementById(id).style.property=new style下面的例子会改变 元素的样式:<p id="p2">Hello World!</p><script>document.getElementById("p2").style.color="blue";</script>本例改变原创 2017-07-26 17:38:23 · 335 阅读 · 0 评论 -
查找 HTML 元素、改变 HTML
通常,通过 JavaScript,您需要操作 HTML 元素。 为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:通过 id 找到 HTML 元素通过标签名找到 HTML 元素通过类名找到 HTML 元素通过 id 查找 HTML 元素在 DOM 中查找 HTML 元素的最简单的方法,是通过使用元素的 id。 例:查找 id=”intro” 元素:var x=document原创 2017-07-26 17:34:15 · 525 阅读 · 0 评论 -
JavaScript HTML DOM
HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树。HTML DOM 树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性Ja原创 2017-07-26 17:24:41 · 250 阅读 · 0 评论 -
JavaScript 表单验证(必填(或必选)项目、E-mail 验证)
JavaScript 表单验证(必填(或必选)项目、E-mail 验证)原创 2017-07-26 17:19:52 · 8261 阅读 · 0 评论 -
JavaScript 基础
JavaScript 简介JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript 很容易学习。JavaScript:写入 HTML 输出document.write("<h1>This is a heading<原创 2017-07-26 16:32:48 · 333 阅读 · 0 评论 -
canvas绘制时钟
效果图 可以实时获取当前时间,有动态旋转的效果,如果在html里改变height和width 不改变图片样式<canvas id="clock" height="200px" width="200px">html<DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas cloc原创 2017-07-26 10:53:30 · 514 阅读 · 0 评论 -
Javascript函数
函数<!DOCTYPE html><html><head><meta charset="utf-8"> <title>123</title> <script>function myFunction(){ alert("你好,世界!");}</script></head><body><button onclick="myFunction()">点我</button><p>当原创 2016-11-23 17:08:50 · 245 阅读 · 0 评论 -
javascript消息框
总结可不带上windows对象 1. 警告框:window.alert("sometext"); 2. 确认框:window.confirm("sometext"); 3. 提示框:window.prompt("sometext","defaultvalue"); 4. 换行:弹窗使用 反斜杠 + “n”(\n) 来设置换行。Alert(警告)框<!DOCTYPE html><ht原创 2016-09-29 08:57:37 · 386 阅读 · 0 评论 -
JavaScript 条件语句 If ... Else
总结if语句:当条件为true时才执行使用小写的 if。使用大写字母(IF)会生成 JavaScript 错误!if-else 语句: 使用 if….else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。if语句<!DOCTYPE html><html><head><meta charset="utf-8"><title>123</title><原创 2016-09-29 08:46:56 · 382 阅读 · 0 评论 -
JavaScript 变量
总结变量是用于存储信息的”容器”。变量必须以字母开头;JavaScript 语句和 JavaScript 变量都对大小写敏感。我们使用 var 关键词来声明变量:var firstname;使用“=”向变量赋值,也可在声明变量的同时赋值可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:var lastname="Doe", age=30, job="carpent原创 2016-09-21 18:28:51 · 260 阅读 · 0 评论 -
JavaScript 语句、注释和代码块
总结Javascript语句是给浏览器发出的命令,语句的作用是告诉浏览器该做什么分号用于分隔JavaScript语句,要在一句可执行语句的末尾添加分号JavaScript依照编写顺序依次执行每条语句代码块的作用是一并执行语句序列,以左花括号开始,右花括号结束对大小写敏感但是会忽略多余空格可以在字符串中使用反斜杠对代码进行拆行 eg: document.write("你好 \ 世界!")原创 2016-09-21 18:18:56 · 2071 阅读 · 0 评论 -
JavaScript HTML DOM 元素(节点)/添加和删除节点(HTML 元素)。
创建新的 HTML 元素如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。 实例<!DOCTYPE html><html><body><div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。</p></div><script>//创建新的 <p> 元素:var para=d原创 2017-07-27 07:34:05 · 864 阅读 · 0 评论