随笔分类 -  JavaScript

Javascript 键盘事件移动图片
摘要：CODE: <body onkeydown="movePic()"> <div style="width:600px;height:300px;border:1px solid green"> <img id="pic" src="lang.gif" style="border:0;width:80px;position:abso... 阅读全文

posted @ 2012-04-29 16:02 SkySoot 阅读(1328) 评论(0) 推荐(0) 编辑

Javascript 随机抽奖
摘要：开始抽奖 停止抽奖 Code: <body> <div style="width:365px;height:180px;border:2px solid green" id="names"> <script> for(var i=1;i<=40;i++){ document.wr... 阅读全文

posted @ 2012-04-20 04:24 SkySoot 阅读(1488) 评论(0) 推荐(1) 编辑

Javascript 将文本域中输入的字母转换成大写字母
摘要：这个示例非常简单，唯一要知道的是，转换字符大小写这种操作会使文本域重新获得焦点，因此在转换时需要判断，否则将锁住方向键。 CODE: <div style="width:270px;height:100px;border:1px solid green"> <input type="text" style="margin-left:20px;m... 阅读全文

posted @ 2012-04-20 03:15 SkySoot 阅读(1008) 评论(0) 推荐(0) 编辑

Javascript 动态增减元素
摘要：增加一个 减少一个 CODE: <div style="width:270px;height:100px;border:1px solid green" id="one"> <input type="file" style="margin-left:20px;margin-top:3px;" /> </div> <a href="javas... 阅读全文

posted @ 2012-04-20 03:01 SkySoot 阅读(662) 评论(0) 推荐(0) 编辑

Javascript DOM 的节点操作示例
摘要：第一个元素 第二个元素 直接追加 第一个元素 第二个元素 之前追加 第一个元素 第二个元素 之后追加 CODE: <body> <div> <div id="one" style="width:300px;height:110px;bor... 阅读全文

posted @ 2012-04-20 00:16 SkySoot 阅读(301) 评论(0) 推荐(0) 编辑

Javascript 全选/反选
摘要：CODE: <script> document.write("<ul>"); for(var i=0;i<18;i++){ document.write("<li>"); document.write('<input type="checkbox" value='+ i +'/>888888888... 阅读全文

posted @ 2012-04-19 18:44 SkySoot 阅读(309) 评论(0) 推荐(0) 编辑

Javascript CSS 选项卡效果的menu
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <style> #card{ margin:0 auto; width:252... 阅读全文

posted @ 2012-04-19 18:41 SkySoot 阅读(378) 评论(0) 推荐(0) 编辑

HTML DOM 教程Part5 [DOM 冷门对象] 摘录自W3C School
摘要：HTML DOM Link 对象 Link 对象代表某个 HTML 的 <link> 元素。<link> 元素可定义两个链接文档之间的关系。 <link> 元素被定义于 HTML 文档的 head 部分。 HTML DOM Meta 对象 <meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information... 阅读全文

posted @ 2012-04-19 00:04 SkySoot 阅读(337) 评论(0) 推荐(0) 编辑

HTML DOM 教程Part4 [DOM 表单对象] 摘录自W3C School
摘要：HTML DOM Image 对象 Image 对象的属性 标准属性 Image 对象的事件句柄 HTML DOM Button 对象 Button 对象代表 HTML 文档中的一个按钮。该元素没有默认的行为，但是必须有一个 onclick 事件句柄以便使用。 HTML DOM Checkbox 对象 HTML DOM FileU... 阅读全文

posted @ 2012-04-18 23:34 SkySoot 阅读(813) 评论(0) 推荐(0) 编辑

HTML DOM 教程Part3 [DOM 常规对象] 摘录自W3C School
摘要：对象的标准属性HTML DOM Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象集合Document 对象属性Document 对象方法HTML DOM Anchor 对象 Anchor 对象表示 HTML 超链接。在 HTML 文档中 <a> 标签每出现一次，就会创建 Anchor 对象。锚可用于创建指向另一个文档的链接（通过 href 属性），或者创建文档内的书签（通过 name 属性）。 您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚，或者使用 document.getElementB 阅读全文

posted @ 2012-04-18 22:46 SkySoot 阅读(469) 评论(0) 推荐(0) 编辑

HTML DOM 教程Part2 [Browser 对象] 摘录自W3C School
摘要：Window 对象 Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 Window 对象集合 Window 对象属性 Window 对象方法 Navigator 对象 Navigator 对... 阅读全文

posted @ 2012-04-18 00:02 SkySoot 阅读(566) 评论(0) 推荐(0) 编辑

HTML DOM 教程Part1 [DOM 简介] 摘录自W3C School
摘要：HTML DOM HTML DOM 定义了访问和操作HTML文档的标准方法。HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。 HTML DOM 简介 什么是 DOM？ 通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。 要改变页面的某个东西，JavaScript ... 阅读全文

posted @ 2012-04-17 22:45 SkySoot 阅读(710) 评论(0) 推荐(0) 编辑

Javascript 知识点精简
摘要：如何在HTML中引入JS？ 所有重定向的HTML标签内都可以嵌入javascript代码，例如： <a href="javascript:alert('OK')"></a> <form action="javascript:alert('OK')"></form> <script>alert("Hello"... 阅读全文

posted @ 2012-04-17 17:12 SkySoot 阅读(1399) 评论(0) 推荐(1) 编辑

JSON 数据格式
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。 基础结构 JSON建构于两种结构： 1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为... 阅读全文

posted @ 2012-04-17 05:23 SkySoot 阅读(725635) 评论(19) 推荐(39) 编辑

JavaScript 内置对象简介
摘要：JavaScript 对象简介JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力自定义对象和变量类型。（事实上，只是基于对象的，并不完全具备面向对象的语言的三大特性[封装、继承、多态]）。面向对象编程 在高级 JavaScript 的部分会讲解如何创建自己的对象。现在，我们开始学习内建的 JavaScript 对象，以及如何使用它们。对象只是一种特殊的数据。对象拥有属性和方法。JavaScript 字符串(String)对象 字符串是 JavaScript 的一种基本的数据类型。需要注意的是，JavaScript 的字符串是不可变的（immutable），Stri 阅读全文

posted @ 2012-04-12 23:40 SkySoot 阅读(8238) 评论(0) 推荐(0) 编辑

JavaScript 基础知识
摘要：JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。JavaScript 很容易使用！你一定会喜欢它的！JavaScript 简介在数百万张页面中，JavaScript 被用来改进设计、验证表单、检测浏览器、创建cookies，等等等等。JavaScript 是因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行，比方说 Internet Explorer、 Mozilla、Firefox、Netscape、和 Opera。什么是 Java 阅读全文

posted @ 2012-04-11 20:38 SkySoot 阅读(6152) 评论(2) 推荐(1) 编辑

Javascript 输出表格
摘要：输出一个表格，奇偶行背景色不同，鼠标移动行的背景色高亮。这是一个很简单的小示例，这里训练一下JS的循环、分支、事件这几个知识点。1. 仅使用 while 循环控制输出时，一般肯定会配置计数变量2. 用取模来控制输出格式3. 输出行时添加 onmouseover 和 onmouseout 事件，并传参。4. 这里的参数 this 指向的就是事件源（mouse 位于的 tr 这行）<script> var i = 0; var bg = null; var color = null; document.write('<table border="1". 阅读全文

posted @ 2012-04-11 14:05 SkySoot 阅读(4556) 评论(0) 推荐(0) 编辑

导航