- 博客(92)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript HTML DOM 元素（节点）
如需向HTML DOM 添加新元素，必须创建该元素（元素节点），然后向一个已存在的元素追加该元素。创建新的元素：var para = document.createElement("p");如需向元素添加文本，必须首先创建文本的节点。创建节点：var node = document.createTextNode("这是一个新的段落。");然后向元素追加这个文本节点：para
2014-03-18 20:26:51
696
原创 JavaScript 自定义对象 for in
JavaScript 中所有的事务都是对象，比如 String, Date, Array等等。对象只是带有属性和方法的特殊数据类型例 var message = "Hello World!"; var x = message.length; alert(x);创建JavaScriptduixiang对象创建直接的实例
2014-03-08 21:07:28
794
原创 JavaScript HTML DOM 事件 onchange onmouseover onmouseout
onchange 事件会在域的内容改变是发生支持该事件的标签,, function upperCase(x) { var y = document.getElementById(x).value; document.getElementById(x).value = y.toUpperCase(); }输入您的姓名：
2014-03-08 17:29:52
1155
原创 什么是JavaScript BOM 对象
BOM 是browser object model 的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM 与 DOM 的结构图 Browser Objects (BOM) {
2014-03-02 14:44:53
873
原创 JavaScript 入门之onload,onunload
onload 和onunlode事件会在用户进入或离开页面时被触发。onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。onload 和onunload事件可用于处理cookie.function checkCookies(){ if (navigator.cookieEnabled) { alert("已启用 cookie
2014-03-02 14:26:50
933
原创 JavaScript HTML DOM 事件
当用户在元素上点击时，会改变其内容。点击改变内容点击我点击改变内容function changetxt(id){ id.innerHTML = "Thankyou!";}点击我
2014-02-27 17:06:14
718
原创 Javascript入门之改变图片
改变途径JavaScriptdocument.getElementById("image").src = "E:/2.jpg";原始图片被修改改变样式改变HTML样式Hello World!document.getElementById("p2").style.color = "red";改变HTML样式Hello Wor
2014-02-27 16:38:38
669
原创 JavaScript入门之错误—Throw.Try.Catch
try语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当try代码块发生错误时，所执行的代码块。JavaScript语句try和catch是成对出现的。当try语句中有错误时，会执行catch里的代码function message(){ try { adlert("Hello World!"); } catch(err) { a
2014-02-26 18:47:20
645
原创 JavaScript入门之验证输入，对代码进行拆行
函数 isNaN() 如果输入的不是数字 结果为true 如果输入的是数字 结果为flaseJavaScript请输入数字。如果输入值不是数字，浏览器会弹出提示框function myFunction(){ var x = document.getElementById("demo").value; if (x == "" || isNaN(x)
2014-02-26 16:40:52
728
原创 JavaScript入门之改变HTML样式
改变HTML样式JavaScript 可以改变样式function myFunction(){ x = document.getElementById("demo"); x.style.color = "#ff0000"}点击我
2014-02-26 16:26:36
764
原创 JavaScript入门之改变HTML内容 innerHTML
JavaScript 中可通过document.getElementById("Id名")，然后 .innerHTML=“改变后的内容”第一段JacaScriptJavaScript 能改变HTML内容function myFunction(){ x = document.getElementById("demo"); x.innerHTML = "想我吗";}
2014-02-26 16:15:06
821
原创 JavaScript入门之函数的高级写法
1高数高级写法 function square(x){return x * x}; var f = function(x){return x * x}; alert(f(5));2高数高级写法 var f = function square(x){ alert("***"); alert(square); return x * x; }; al
2014-02-26 15:57:23
732
原创 JavaScript入门之分支实例 进制转化
#show{ width:100px; height:100px; background:pink; margin:0 auto;}进制转化 document.write("div id = 'show'>"); var data = parseInt(prompt("请输入十进制数",0)); var bas
2014-02-21 20:59:14
543
原创 JavaScript入门之document.write,对事件做出反应onclick
JavaScript:写入HTML输出 document.writeJavaScript 能够直接写入 HTML 输出流中：document.write("This is a deading");document.write("This is a paragraph");您只能在 HTML 输出流中使用 document.write.如果您在文档已加载后使
2014-02-21 20:04:15
1448
原创 JavaScript入门之多分支结构
多分支结构 var grade = prompt("请输入成绩",60); if (grade >= 90 && grade <= 100){ alert("优秀"); }else if (grade >= 80 && grade < 90){ alert("zhong"); }else if (grade >= 70 && grade < 80){ alert("jige"
2014-02-20 16:44:45
971
原创 JavaScript入门之条件运算符和优先级别关系
条件运算符： a > b ? a : b;条件运算符 var a = prompt("请输入第一个数",0); var b = prompt("请输入第二个数",0); alert(a > b ? a : b);运算符的优先级别关系：！* / %+ - >=== !==== !==&&||? :
2014-02-20 16:08:44
635
原创 《打字测试》文字游戏开发
package { import flash.text.TextField; import flash.display.MovieClip; //导入影片控制的支持类 import flash.events.KeyboardEvent; //导入键盘事件的支持类 public class MyTyperGame extends MovieClip {
2014-02-17 17:13:35
890
原创 JavaScript入门之逻辑运算符跟赋值运算符
逻辑运算符：&&：只有在第一个操作数和第二个操作数都是true时，结果为true,其余为flalse.!!：只有在第一个操作数和第二个操作数都是false,结果为flase,其余为true!:求反。后续补上 吃饭
2014-02-06 17:52:44
605
原创 JavaScript入门之算术运算符和关系运算符
JavaScript基本的算术运算符1.* 乘2./除 在JavaScript中除的结果是小数3.%取余4.+加 当两边都为数字时， 得到的也为数字。当一边有字符串时，得到的为字符串。5.—剪JavaScript基本关系运算符1. 小于号2. 小于等于号3.> 大于号4.>= 大于等于号5.== 等于号 只要数值相等就行，不考
2014-02-06 16:58:26
629
原创 JavaScript入门之基本语法
首先一：JavaScript是区分大小写的。例如：alert("Hello"); //能弹出Hello窗口Alert("Hello"); //不能弹出Hello窗口其二：JavaScript中的注释1.单行注释：//2.多行注释：/* */其三：变量命名规则：必须以字母，下划线或$开始，后面是字母，数字，下划线和$符号的组合
2014-02-06 16:05:33
573
原创 Java入门基本功
Java 常用的词public 公共的class 类static 静态void 无返回类型main 主要的String 字符串args 参数System 系统的out 输出设备print 打印基本框架public class Hello{ 这层是外层框架public static void main(string[] arg
2014-02-05 22:29:04
585
转载 经验分享：CSS div浮动（float,clear) 真的是太棒了
看到这篇文章真是太开心，真的很棒，解决了我菜无数困惑，如获珍宝，好好收藏着！转载地址：http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及
2014-02-04 22:26:01
2721
2
原创 div入门之盒子模型，边界margin,填充padding,框边border
一个div分为边界，框边，还有内部，内部有内容到边框的距离padding
2014-02-03 23:03:47
3280
原创 Div入门之div定位position，绝对定位absolute,相对定位relative
定位有两种：1:绝对定位position:absolutetop,bottom,left,right 写出具体数值注：当多个div在同一个位置时，显示哪个层由z-index的值决定，值较大的有限显示//style.cssh2.first{ position:absolute; left:100px; top:150px; background:red;}#sec
2014-02-03 22:29:29
1685
原创 Div入门之流式布局：float,clear <等>
float有三种： （注意每行的长度，如div总长度超过行长，则会下调，发生错误）！！！float:left 表示允许向左流动float:right 表示允许向右流动float:none 表示不允许流动//style.css#first{ width:300px; height:200px; background:red; float:left}#second{
2014-02-03 20:24:12
4851
原创 div入门之边框（border)，页面水平居中效果（margin)
标记：一行始终只有一个div标记没有特征性，css更容易控制border是复合属性：1.border-width2.border-style:none(默认值）无边框，hidden,dotted,dashed,solid,double,groove,ridge,inset,outset3.border-color//style.css#first{
2014-02-03 11:20:33
15802
原创 CSS入门之其他伪类，first-child,left,right,lang,focus
那我们这边来看其中两个first-child与langfirst-child1.应用于属性的第一个子对象p:first-child{color:red} 列表实例 p:first-child{font-size:14pt;color:red} i love you do you love me? maybe .... yes or no2.应用
2014-01-29 09:22:20
788
原创 CSS入门伪类，锚伪类，伪类子对象选择
伪类语法： 冒号后面的选择器：伪类{属性：值.....}锚伪类：a:link{color:#ff00ff} 表示未访问的链接a:visited{color:#00ff00} 表示已访问的链接a:hover{color:#ff00ff} 鼠标移动到链接上的情况a:active{colot:#0000ff} 表示选定的链接注意：a:hover必须放在a:link和a:vis
2014-01-28 23:57:02
2140
原创 CSS入门之背景样式实例，背景图滚动:background-attachment,background复合样式
背景图滚动分两种：1.background-attachment:scroll 表示图片随着滚动条滚动 列表实例 i love you i love you very much do you love me if you love me please tell me i love you i love you very much do you love me i
2014-01-28 23:09:25
1248
原创 CSS入门之列表样式用法及实例，list-style-image,list-style-type
列表图片分为两种：list-style-image:none 表示没有图片list-style-image:url 设定具体的图片list-style-type可分为多种，较常见的有：list-style-type:disc 默认值，实心圆list-style-t
2014-01-28 09:57:27
2844
原创 CSS入门背景样式的使用，背景颜色，背景图片，图片平铺，图片位置
背景颜色分为两类：1.background-color:transparent 可理解为透明色2.background-color:指定颜色 可指定具体颜色背景图片分为两类：1.background-image：none 可理解为没有或者默认2.background-image:url(图片路径) 可设具体图片
2014-01-27 11:58:12
2518
1
原创 Javascript入门基本语法
Javascript是一种弱类型编程语言，语法源于java又不同于java。用变量无需定义，这个再其他语言中是不允许的。主要作用是表单验证跟网页动画。第一个Javascript程序其实嵌套在HTML语句中的。可以放在任何位置。基本点：弹出一个消息框：alert("文本"）；弹出一个文字问“文本”的消息框。第一种用法 第一个Java
2014-01-27 10:02:24
927
原创 CSS入门之文本样式用法（文本对齐，首行缩进，文本竖排，文字方向）
文本对齐有4种：1.text-align:left2.text-align:right3.text-align:center4.text-align:justify首行缩进：text-indent:数值+单位文本排发有2种：1.横排即为默认排法：layout-flow:horizontal2.竖排古文教常用：layotut-flow:vertical-ideogra
2014-01-27 00:06:52
4619
原创 CSS入门之2.6 字体样式实例
trext-decoration 对超链接字体进行编辑 （注：默认的超链接是有下划线的）有5种1.text-decoration:none 单纯的超链接字体2.text-decoration:underline 超链接字体有下划线3.text-decoration:blink
2014-01-25 10:44:50
732
原创 CSS入门之字体样式用法color(颜色),font-style(倾斜),font-weight(重量),font-variant(大小写)
字体样式用法：color:代表字体的颜色有3中表示方法:1.#16进制（如color:#ff0000,此种亦可写为#f00），2.RGB(color:rgb(100,14,200),3.具体颜色英文名(如color:red)font-style 设置字体样式有3种：1.font-style:normal 表示正常的字体2.font
2014-01-25 09:33:06
5590
原创 Css入门之样式表实际写法
样式表的实际写法*{font-family:"arial"} *好表示真个文档，font-family表示字体 .test{color:red;font-weight:bold;font-size:18pt} 表示修改类名为test的内容p,span{font-style:italic}
2014-01-24 22:57:39
905
原创 Css入门之直接样式表，内部样式表，外部样式表
Css用法样式表分为3中：直接样式表，内部样式表，外部样式表1.直接样式表用法：这是一个段落，应用了改变字体颜色样式 直接样式表 这是一个段落 这是一个段落2.内部样式表，就是在head里面使用style属性p{color:red}这是一个段落，应用了改变字体颜色样式内部样式表在怎个HTML文档内都课使用 内部样式表 p{co
2014-01-24 16:12:01
1578
原创 css入门之html选择器，ID选择器，类选择器，属性选择器
Css 基本语法：选择器：{属性1：值1；属性2：值2.......}例：h1{color:red;fond-size:14px}对于属性有4钟：HTML选择器，ID选择器，类选择器，属性选择器1.对于HTML选择器，用法：p{color:red},对于p，如果我们是行标记的话，就用tr，如果是表格标记的话就用table标记，等等 html选择器 p{color:red
2014-01-24 14:54:40
1662
1
转载 the usage of vim
http://www.cnblogs.com/hlz789456123/archive/2009/03/19/1417193.html
2014-01-20 10:11:33
876
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人