- 博客(90)
- 收藏
- 关注
原创 40编程练习
<!DOCTYPE html><html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h1>操作成功</h1> <span id="second">5<
2017-08-15 17:43:37
272
转载 39对象9---screen
screen对象 screen对象用于获取用户的屏幕信息。语法:window.screen.属性对象属性: <!DOCTYPE html><html><body><h3>Your Screen:</h3><script>document.write("窗口可以使用的屏幕宽高: ");document.write(window.screen.availWidth + "*" + scree
2017-08-15 17:06:50
239
转载 38对象8---Navigator
Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。对象属性: <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head><script type=
2017-08-15 16:28:45
269
转载 37对象7---location
Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。语法:location.[属性|方法] location对象属性图示:location 对象属性: location 对象方法:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset
2017-08-15 16:07:33
168
转载 36对象6---history
History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。语法:window.history.[属性|方法] 注意:window可以省略。History 对象属性 History 对象方法<!DOCT
2017-08-15 15:55:00
201
转载 35对象5---window对象
window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><t
2017-08-15 10:41:50
212
原创 34编程练习
某班的成绩出来了,现在老师要把班级的成绩打印出来。效果图:XXXX年XX月X日 星期X–班级总分为:81 格式要求:1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。2、计算出该班级的平均分(保留整数)。同学成绩数据如下:“小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76”任务 第一步:可
2017-08-14 11:10:13
271
转载 33对象4---数组
Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的数组定义的方法:定义了一个空数组:var 数组名= new Array(); 2. 定义时指定有n个空元素的数组:var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据:var 数组名 = [<元素1>, <元
2017-08-14 09:47:54
218
转载 32对象3---math
Math对象 Math对象,提供对数据的数学计算。使用 Math 的属性和方法,代码如下:<script type="text/javascript"> var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);</script>运行结果:3.1415926535
2017-08-14 09:31:27
258
转载 31对象2---string
String 字符串对象 在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如:var mystr = “I love JavaScript!” 定义mystr字符串后,我们就可以访问它的属性和方法。访问字符串对象的属性length:stringObject.length; 返回该字符串的长度。var mystr=”Hello World!”; var myl=mystr.l
2017-08-09 22:02:00
402
转载 30对象1---data
JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对
2017-08-09 19:44:05
298
原创 29编程练习
<!DOCTYPE html><html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var a=parseInt(document.getElementById("txt1").value); //获取第一个输入框的值 var b=pars
2017-08-08 10:19:54
241
转载 28事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。 <!DOCTYPE HTML><html><head><meta http-equiv="Conte
2017-08-08 09:48:21
175
原创 27函数编程练习
<!DOCTYPE HTML><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>函数</title><script type="text/javascript">//定义函数function max(x,y){ //函数体,判断两个整数比较的三种情况
2017-08-06 10:37:18
303
转载 26函数
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定义函数</title><script type="text/javascript"> function sub2() //定义函数 {
2017-08-06 10:32:32
182
原创 25循环结构编程练习
<!DOCTYPE HTML><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>流程控制语句</title><script type="text/javascript"> //第一步把之前的数据写成一个数组的形式,定义变量为 infos var infos=
2017-08-05 11:46:40
431
转载 24循环结构
if…elsevar mymoney,sum=0;//mymoney变量存放不同面值,sum总计for(mymoney=1;mymoney
2017-08-05 10:53:25
287
转载 23switch
switchvar myweek =3;//myweek表示星期几变量switch(myweek){ case 1: case 2: document.write("学习理念知识"); break; case 3: case 4: document.write("到企业实践"); break; case 5: document.write("总结经验");break;
2017-08-04 17:31:20
185
原创 21数组练习
数组 //创建数组 var arr = ['*','##',"***","&&","****","##*"]; arr[7] = "**"; //显示数组长度 alert(arr.length); //将数组内容输出,完成达到的效果。 document.write(arr[0]+""); document.write(arr[7]+"");
2017-08-02 09:27:37
258
转载 19一维数组
创建数组var myarray=new Array(); document.write("数组的第一个值:"+myarray[0]); var myarray=new Array();我们创建数组的同时,还可以为数组指定长度,长度可任意指定。var myarray= new Array(8); //创建数组,存储8个数据。 注意: 1.创建的新数组是空数组,没有值,如输出,则显示u
2017-08-02 08:29:53
186
原创 18运算符练习
JS基础 var a,b,sum; var a = 5; var b = 100%7; sum = a > b && a*b > 0 ; document.write( "我认为 a 的值是:" + 5 + " b的值是:" + 2 + "sum 的值是:" + true+""); document.write( "答案是,第一轮计算后,a 为:
2017-08-01 21:19:02
310
转载 17操作符的优先级
操作符优先级var numa,numb,jq1;numa=5;numb=2;jq1=numa + 30 >10 && numb * 3jq2=((numa + 30) / (7-numb)) * 3document.write("jq1的值是:"+jq1+"");document.write("jq2的值是:"+jq2);----------
2017-08-01 21:14:47
288
转载 16+-号的用途
+操作符 var mynum= 1+5; var mychar= "中"+"国"; document.write("mynum的值:"+mynum+""); document.write("mychar的值:"+mychar);--------------------------------------------------------
2017-07-31 18:18:56
238
原创 15入门阶段综合练习
javascriptbody{font-size:12px;}#txt{ height:400px; width:600px; border:#333 solid 1px; padding:5px;}p{ line-height:18px; text-indent:2em;} JavaScript课程 Ja
2017-07-31 17:48:18
233
转载 14控制类名className
className属性 body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px
2017-07-31 17:35:49
199
转载 13改变HTML样式
style样式 I love JavaScript JavaScript使网页显示动态效果并实现与用户交互功能。 var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#CCC";
2017-07-31 17:14:18
165
转载 12innerHTML属性
innerHTMLjavascript JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。 var mychar=document.getElementById("con") ; document.write("原标题:"+mychar.inn
2017-07-31 16:42:56
160
原创 11通过id获取元素
document.getElementByIdJavaScript var mychar=document.getElementById("con"); document.write("结果:"+mychar); //输出获取的P标签。 -----------------------------------------------------------
2017-07-29 19:29:20
235
原创 10对话框综合练习
new document function openWindow(){ var a=confirm("确定要打开新的窗口吗?"); if(a==true) { var b=prompt("网址", "http://www.baidu.com/");
2017-07-29 19:17:03
204
原创 9打开新窗口window.open和window.close
window.open function Wopen(){ window.open('http://www.baidu.com','_blank','width=600,height=400,top=100px,left=0px'); window.close(); } ----------------------------------
2017-07-29 18:54:41
347
原创 8prompt消息对话框
prompt function rec(){ var score; //score变量,用来存储用户输入的成绩值。 score = prompt("请输入你的成绩"); ; if(score>=90) { document.write("你很棒!"); } else if(score>=75) { do
2017-07-29 17:47:09
218
原创 7confirm消息对话框
confirm function rec(){ var mymessage=confirm("请问你是女性吗?"); if(mymessage==true) { document.write("你是女士!"); } else { document.write("你是男士!"); }
2017-07-29 17:26:24
204
原创 6alert消息对话框
alert function rec(){ var mychar="I love JavaScript"; alert(mychar); } ----------------------------------------------------------------------------------
2017-07-28 20:48:41
243
原创 5js的输出内容
document.write var mystr="我是"; var mychar="JavaScript";document.write(mystr+"");document.write(mychar);document.write(mystr+mychar+"的忠实粉丝"); --------------------
2017-07-28 20:45:51
367
原创 4js函数
函数调用 function contxt() //定义函数 { alert("哈哈,调用函数了!"); } //onclick点击事件
2017-07-28 20:34:28
469
原创 3js判断语句
判断语句 var score =80; //score变量存储成绩,初值为80 if(score>=60) { document.write("很棒,成绩及格了。"); } else { document.write("加油,成绩不及格。"); }
2017-07-28 11:22:56
189
原创 2js变量
变量var mychar;mychar="javascript";var mynum = 6; 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 3.不能使用JavaScript关键词与JavaScript保留字。-->var mychar;mychar="javascript";mychar="hello";
2017-07-28 11:19:47
176
原创 1第一个js
第一个js 我是第一段文字 我是第二段文字 document.write("hello"); document.getElementById("p1").style.color="blue"; -----------------------------------------------------js--------------
2017-07-28 11:01:49
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人