深圳网站建设者,重庆市建设工程信息网官网专家评审,低价网站建设策划内容,中国建设银行财付通网站对话框
window对象封装了三个对话框用于与用户交互
提示框#xff1a;alert(title);确认框#xff1a;confirm(title);输入框#xff1a;prompt(title);
确认框
包含两个按钮“确认”/“取消”#xff0c;点击确定时#xff0c;返回值为true
// 确认框
var bool con…对话框
window对象封装了三个对话框用于与用户交互
提示框alert(title);确认框confirm(title);输入框prompt(title);
确认框
包含两个按钮“确认”/“取消”点击确定时返回值为true
// 确认框
var bool confirm(你确定要删除嘛);
if(bool) {alert(删除);
}else{alert(不删除);
} 输入框
// 输入框
// 确认返回输入的内容 取消返回Null
var str prompt(请输入用户名);
alert(str); // 第二个参数代表的是默认值
var str2 prompt(请输入用户名, tom);
alert(str2); 检查参数
isNaN()用于检查参数是否是非数字
!-- 2.检查参数 --
script typetext/javascript// isNaN用于检查参数是否是非数字alert(isNaN(abc)); // truealert(isNaN(123)); // false
/script
函数
一段包含应用程序的程序块此程序块可以被其他程序通过函数名调用目的是提高代码公用性、可维护性。
如果在一个网页中出现多个同名函数不区分参数则最后定义的函数将覆盖之前的函数。
!DOCTYPE html
html langzh-CNheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titlejs函数/titlescript typetext/javascript// 函数1function fun1(a, b) {return ab;}// 调用函数alert(fun1(2, 3)); // 5// 函数2function fun2() {alert(这是一个无返回值无参的函数。);}function fun2(a) {alert(123)}// 当有多个方法名一样的函数时执行最后一个。不考虑参数。fun2(); // 123// 匿名函数 不用调用就可以执行window.onloadfunction() {alert(页面加载事件);}function fun() {alert(按钮被点击了)}/script/headbody!-- 单击事件 --button onclickfun()按钮/button/body
/html
json串
格式{keyvaluekey2value2}
script typetext/javascriptvar stu {sId : 100,sName : tom,study : function() {alert(学习的方法);},eat : function() {alert(吃饭的方法);}}// 调用属性alert(stu.sId);// 调用函数stu.study();
/script
数组
初始化new Array
script typetext/javascript// 可变长度可以存储不同类型的元素// 方法一var arr new Array();arr[0] 123;arr[1] tom;arr[2] true;// 方法二var arr2 new Array(1, 2, mary, false);// 方法三var arr3 [1, 2, 3, lisa];// 遍历for(var i 0; i arr3.length; i) {document.write(arr3[i]br /);}
/script 数组的API
array.reverse()颠倒数组元素的顺序array.sort()对数组进行升序排序数组本身发生变化array.join(-)将数组元素通过指定字符进行连接返回值是String类型
Date对象
Date对象
提供用于处理日期和时间的属性及方法。使用时先获取该某一时刻的Date对象的引用然后通过该引用获取详细的时间信息。
get方法 属性/方法 说明 getDate() 返回日期对象中的天数如果超过了该月份应有的天数则增加月份 getDay() 返回日期对象中星期的星期几0-6 getMonth 返回日期对象的月份0-11 getFullYear() 从日期对象中返回四位数字表示的年份 getYear() 返回日期对象的年份真实年份减去1900 getHours() 返回日期对象中的小时0-23 getMinutes() 返回日期对象中的分钟0-59 getSeconds() 返回日期对象中的秒0-59 getMilliseconds() 返回日期对象中的毫秒0-999 getTime() 返回1970年1月1日至今的毫秒数
script typetext/javascriptvar date new Date();document.write(datebr /);var day date.getDate();var month date.getMonth();var year date.getFullYear();var hour date.getHours();var min date.getMinutes();var ss date.getSeconds();document.write(year / month / day hour : min : ss);
/script 动态时钟案例
!DOCTYPE html
html langzh-CN
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDate对象/titlescript typetext/javascriptfunction fun1() {var date new Date();var day date.getDate();var month date.getMonth();var year date.getFullYear();var hour date.getHours();var min date.getMinutes();var ss date.getSeconds();var time year - month - day hour : min : ss;// 将时间显示在p标签中document.getElementById(p1).innerHTML h1 time /h1;}// 1秒执行一次setInterval(fun1(), 1000);/script
/head
bodyp idp1/p
/body
/html DOM元素
!DOCTYPE html
html langzh-CN
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDOM元素/titlescript typetext/javascriptwindow.onloadfunction() {// 获取p标签 innerHTMLvar p document.getElementById(p1);// 给p标签设置内容p.innerHTML 这是一个p标签闭合标签;// 获取内容alert(p.innerHTML);// 获取表单元素的内容valuevar username document.getElementById(username);// 设置内容username.value mary;// 获取内容alert(username.value);}/script
/head
bodyp idp1/pusername:input typetext idusername /
/body
/html 计算器案例 !DOCTYPE html
html langzh-CN
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title计算器/titlescriptfunction fun1(des){var num1 document.getElementById(num1).value;var num2 document.getElementById(num2).value;document.getElementById(result).value eval(num1desnum2);}/script
/head
body第一个数input typetext idnum1br /第二个数input typetext idnum2br /button idbtn1 stylewidth: 50px; onclickfun1()/buttonbutton idbtn2 stylewidth: 50px; onclickfun1(-)-/buttonbutton idbtn3 stylewidth: 50px; onclickfun1(*)*/buttonbutton idbtn4 stylewidth: 50px; onclickfun1(/)//buttonbr计算结果input typetext idresultbr
/body
/html
