合作网站登录制作,wordpress主题导航,如何自己制作h5页面,做网站模板赚钱吗变量声明#xff1a;使用var关键字#xff0c;变量没有类型#xff0c;但值有类型#xff08;弱类型语言#xff09;
数据类型#xff1a;
①number
②string#xff08;单引号#xff0c;双引号都可以表示字符串#xff09;
③boolean
④Object类型
⑤undefine…变量声明使用var关键字变量没有类型但值有类型弱类型语言
数据类型
①number
②string单引号双引号都可以表示字符串
③boolean
④Object类型
⑤undefined类型声明但未赋值的变量
比较运算符中与JAVA中不同的 等于只比较值有隐式转换
全等比较值和数据类型
函数①自定义函数 ②全局函数
语法 function functionName([arguments]) {alert(自定义函数);}
全局内置函数
parseInt(arg);参数arg转换为整数
parseFloat(arg);参数转换为Float类型数
eval(xxxxx);执行字符串内容可以当作js脚本运行
typeof();返回当前数值类型
alert(xxx);弹窗内容
console.log(a);控制台输出a
事件HTML中的常用事件调用js函数
onclic:单击事件
ondblclick双击事件
onblur失焦事件
onfocus聚焦事件
onmouseover移入事件
onmouseout移开事件
onload网页所有内容加载完自动执行一般放在body
onchange内容发生改变且光标失焦之后
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptfunction main() {console.log(自定义函数)}/script/head!-- 加载完页面加载 --body onloadmain()!-- 单击事件 --button typesubmit onclickmain()提交/buttonhr!-- 双击事件 --button typesubmit ondblclickmain()提交/buttonhr!-- 失焦事件 --textarea cols5 rows10 onblurmain()/textareahr!-- 聚焦事件 --textarea cols5 rows10 onfocusmain()/textareahr!-- 移入事件 --textarea cols5 rows10 onmouseovermain()/textareahr!-- 移出事件 --textarea cols5 rows10 onmouseoutmain()/textareahr!-- 更改保存事件 --textarea cols5 rows10 onchangemain()/textarea/body
/html
内置对象
string字符串
s.length
s.substring(开始位置结束位置1)
s.substr(开始位置截取长度);
s.split(;);分隔符
Array数组
string sArray.join();//连接数组转化为字符串
array.reverse();//反转数组
array.sort();//给数组排序需要传入自定义排序函数
!DOCTYPE html
htmlheadmeta charsetutf-8title/titlescriptvar s a b c d e f g h i j k l m n;console.log(s.length);console.log(s.split( ));console.log(s.substr(0, 3));console.log(s.substring(1, 3));var array [1, 2, 3, 9, 0];console.log(array);console.log(array.join());array.reverse();console.log(array);array.sort(array_sort);console.log(array);function array_sort(a, b) {return a - b;}var date new Date();console.log(date.getFullYear());console.log(date.getMonth());console.log(date.getDate());console.log(date.getHours());console.log(date.getTime());console.log(Math.PI);console.log(Math.sqrt(9));console.log(Math.floor(10.9));console.log(Math.ceil(9.1));/script/headbody/body
/html DOMdocument object model 使用步骤
1触发js
2js获得网页标签在js中每一个网页标签就是一个对象
通过document对象()
document文档对象
document.getElementById(div_id):通过id找到HTML标签。
可以精确获得网页中的某个标签。
js中所获得的网页中的标签对象称为DOM。
!DOCTYPE html
htmlheadmeta charsetutf-8title/titlescriptfunction oper() {var text1 document.getElementById(text1);// 获得text1标签对象var text2 document.getElementById(text2);// 获得text2标签对象console.log(text1.value)// 输出text1中的内容text2.value text1.value; //将text2框中内容变成text1内容text1.value ; //置空text1}function change(color) {var x document.getElementById(div1);// 获得div1对象x.style.height 100px;x.style.width 100px; //使用100px而不是100 pxx.style.backgroundColor color; // 一旦触发当前函数div1对象更改宽高颜色}/script/headbodyinput typetext value idtext1input typetext value idtext2button onclickoper()上传/buttondiv iddiv1div/divbutton idred onclickchange(red)红色/buttonbutton idyellow onclickchange(yellow)黄色/buttonbutton idpink onclickchange(pink)粉色/button/body
/html js操作标签体内容
obj.innerHTML
obj.innerText
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/title/headbodydiv iddiv_id我的标签/divscriptvar c document.getElementById(div_id);alert(c.innerHTML);/script/body
/html
