甲戌天火的博客

html>lang="en"> charset="UTF-8"> easyUI，洞天添加标签页函数 第一步，引入样式库文件--> rel="stylesheet" type="text/css" href="../themes/default/easyui.css"/> 第二引入图标样式库文件--> rel="stylesheet" type="

html>lang="en"> charset="UTF-8"> 运算符（%、/）的使用 type="text/javascript"> var num=prompt('请输入卡号'); var length=num.length; //获取会员卡号的每一位数 var list=new Array();

html>lang="en"> charset="UTF-8"> type="text/javascript"> var ka=prompt('请输入卡号'); //获取会员卡号的每一位数 //使用字符串分割方法,必须加上引号，传参 var content=ka.split(''); var sum=0; for(va

html>lang="en"> charset="UTF-8"> 多次输出helloworld type="text/javascript"> var n; n=prompt("输入次数"); for(var i=0;i;i++){ document.write('HelloWorld'+'');

html>html>head lang="en"> meta charset="UTF-8"> title>盒子阴影和outlinetitle> style> #div1{ width: 200px; height: 200px; background-color: #585858;

html>html>head lang="en"> meta charset="UTF-8"> title>flextitle> style> #content{ display: flex; /*flex-direction: row-reverse; 设置显示的顺序，倒序，从做

html>html>head lang="en"> meta charset="UTF-8"> title>灵活布局,flextitle> style> #div1{ width: 400px; height: 400px; background-color: red;

html>html>head lang="en"> meta charset="UTF-8"> title>飞机title> style> img{ width:150px ; -webkit-animation: plane 15s ease-in-out 1s; -o-anima

html>html>head lang="en"> meta charset="UTF-8"> title>图片放大溢出的解决title> style> div{ width: 160px; height: 180px; border: 1px red solid;

html>html>head lang="en"> meta charset="UTF-8"> title>变形效果title> style> img{ /*transform: translate(500px,100px); /!*以左上角为中心点，向右和向下移动*!/*/ /*t

html>html>head lang="en"> meta charset="UTF-8"> title>长度单位title>head>body style="font-size: 62.5%">针对于em来改变，对于rem没有作用。-->div style="font-size: 12px"> 第一层 div style="font-size: 2e

html>html>head lang="en"> meta charset="UTF-8"> title>属性前缀title> style> div{ width: 200px; height: 200px; background-color: #cccccc;

html>html>head lang="en"> meta charset="UTF-8"> title>关系选择器title> style> #li3 + li{/*相邻选择器，选择相邻的变化, 即为，列表项4，处理当前元素以后的相邻的一个元素。*/ color: red;

html>html>head lang="en"> meta charset="UTF-8"> title>状态伪类选择器title> style> input:checked{ margin-left: 20px; } input:enabled{ outline: red

html>html>head lang="en"> meta charset="UTF-8"> title>结构伪类选择器title> style> /*li:nth-child(2n){ color: red;/!*偶数行*!/ } li:nth-child(2n+1){

html>html>head lang="en"> meta charset="UTF-8"> title>表达式title> script> //字面量 var a=10; var b='abc'; //变量 var d=10; var e=d; var c

html>html>head lang="en"> meta charset="UTF-8"> title>常用的输入输出方法title> script type="text/javascript"> alert('一般用于输出提示信息。');//alert没有返回值。 var name=prompt('用于获取用户输入的文本内容','1

html>html>head lang="en"> meta charset="UTF-8"> title>number数据类型title> script type="text/javascript"> /*var a='123'; alert(typeof a); //parseInt函数：把字符串转换成number数据

html>lang="en"> charset="UTF-8"> 计算个人所得税type="text/javascript"> var n=parseInt(prompt('请输入基本工资')); var m=n>1000?n-((n-1000)*0.05):n; alert(m);

html>lang="en"> charset="UTF-8"> 计算并显示用户应付的钱数 var a=parseInt(prompt('第一种商品价格')); var b=parseInt(prompt('第二种商品价格')); var c=parseInt(prompt('第三种商品价格')); va

html>lang="en"> charset="UTF-8"> 逗号表达式 type="text/javascript"> var a=2; var b=0; var c; c=(++a ,a*=2 , b=a*5); //逗号表达式是由逗号运算符组合而成 //逗号表达式最

html>lang="en"> charset="UTF-8"> jq获取鼠标的位置 div{ width: 500px; height: 500px; background-color: #585858; margin: 0; pa

html>lang="en"> charset="UTF-8"> jquery的基本应用 src="../../js/jquery-3.1.1.min.js" >导入jquery文件--> type="text/javascript"> /* $(document).ready(function(){//文档就绪函数。 $('p

html>lang="en"> charset="UTF-8"> jq获取鼠标的位置 div{ width: 500px; height: 500px; background-color: #585858; margin: 0; pa

html>html>head lang="en"> meta charset="UTF-8"> title>属性选择器title> style> img[alt="123"]{ /*alt也可以没有值，如果只有alt代表所有带alt属性的都会变化，*/ margin: 30px; }

html>lang="en"> charset="UTF-8"> type="text/javascript"> var str='you are a boy too'; var reg=new RegExp('o','g'); //匹配正则返回一个数组 reg.lastIndex=0;//搜索的字符下标起始位置。 consol

html>lang="en"> charset="UTF-8"> DOM操作 type="text/javascript"> /*文档就绪函数*/ window.onload=function(){ var d=document.getElementById('d');//通过ID来查找。

html>lang="en"> charset="UTF-8"> getelement系列方法 name="jerei">张三 class="JEREH">李四 id="wangWu">王五 class="JEREH">孙六 name="jerei">田七id="changeBtn">变！！ var btn

html>lang="en"> charset="UTF-8"> 第一个页面href="historyPage2.html">下一个页面type="button" value="前进" onclick="next()">type="button" value="最后一个页面" onclick="goPage()"> alert(history.lengt

html>lang="en"> charset="UTF-8"> id="btn" onclick="showHellow(prompt('次数'))">点击 /*/!*形式参数 没有具体的值，数据由时机参数决定*!/ var showMessage = function(name,age,sex){ alert(name+":"+age

html> charset="UTF-8"> type="text/javascript"> //第一个月 兔子对数：1 //第二个月 兔子对数：1 //第三个月 兔子对数：2 //第四个月 兔子对数：3 //第五个月 兔子对数：5 //第六个月 兔子对数：8

html>lang="en"> charset="UTF-8"> 内部写法type="button" value="内部写法1" onclick="javascript:alert('啊啊啊啊')"/>type="button" value="内部写法2" id="btn"/> var ele = document.getElementById("btn")

html>lang="en"> charset="UTF-8"> 年龄成绩判断 type="text/javascript"> var grade=parseInt(prompt('请输入成绩')); var year=parseInt(prompt('请输入年龄')); if(year>20&&grade>=60){

html>lang="en"> charset="UTF-8"> 简单的计算器 type="text/javascript"> var zuo=parseInt(prompt('请输入第一个数')); var fu=prompt('请输入加、减、乘、除'); var you=parseInt(prompt('请输入第二个数

html>lang="en"> charset="UTF-8"> 赋值和++ var i=100; i++; j=i++;//赋值之后再加 y=++j;//加完之后赋值 alert(i); alert(j); alert(y);

html>lang="en"> charset="UTF-8"> 判断输入的年份是否是闰年 type="text/javascript"> var year=parseInt(prompt('请输入年份')); (year%4==0&&year%100!=0)||year%400==0?alert(year+'是闰年'):alert(year

html>lang="en"> charset="UTF-8"> 位运算符 type="text/javascript"> var a=1; var b=0; alert(a&b); //按位或，两个操作数只要有一个是1，结果为1，只或1. alert(a|b); //按位异

html>html>head lang="en"> meta charset="UTF-8"> title>声明变量title> script> /*var width1=11,width2=12;//声明变量，并且赋值。 alert(width1); alert(width2); width1=666;

html>html>head lang="en"> meta charset="UTF-8"> title>变量交换title> script> /* document.write('输出手中的纸牌：'); var a=10,b= 8,c; document.write('左手的纸牌:'+a+''); doc

html>html>head lang="en"> meta charset="UTF-8"> title>循环输出title> script type="text/javascript"> document.write('使用javascript循环输出HellowWorld') for(var i=0;i5;i++){