javascript 格式
可放在body和head内
格式:<script> </script>
动态书写网页标签:document.write("<h1>这是一个标题</h1>");
按钮点击提示:<button οnclick="alert('欢迎!')">点我!</button>
javascript方法://放在head内
function 方法名(参数){
}
根据id属性值查找元素
x=document.getElementById("demo"); // 找到元素
改变标签内容
x.innerHTML="<h2>Hello JavaScript!</h2>"; // 改变内容
判断x所代表的标签的src属性是否包含字符串
x.src.match("bulbon")
设置x的src属性值
x.src="/images/pic_bulboff.gif";
修改颜色属性
x.style.color="#ff0000";
判断是不是数字
b = (x==""||isNaN(x));
引用外部js文件
<scriptsrc="myScript.js"></script>
windows.alert 弹出提示对话框
写到网页端
document.write(Date());
网页控制台打印日志
console.log(c);(F12 --> Console)
123e-5;(10 -5次方)
123e5;(10 5次方)
声明数组
1.
var cars = new Array(); cars[0] = "Saab"; cars[1] = "Volvo"; cars[2] = "BMW";
2.
var cars = new Array("Saab","Volvo","BMW");3.var cars=Array("Saab","Volvo","BMW");声明对象var person= { firstname : "John", lastname : "Doe", id : 5566fullName : function(a, b) //对象方法 { return this.firstName + " " + this.lastName; } };
变量默认值:undefinedvar person;变量默认值:nullvar person = null;函数外 或 无varcarname="Volvo";
按钮onclick时间执行不一定是方法,还可以是代码
<button οnclick=
字符串某个字符 var a = "abc";
a[2];
type of 变量:变量的数据类型
===:数值跟类型必须一致
!== 数值跟类型都不一致
判断是不是数组,通过构造函数所包含的字符串来判断
return myArray.constructor.toString().indexOf("Array") > -1;
获取构造方法:
变量 + ".constructor"
类型转换
.toString()
字符串转化为数字加号,若y为非数字字符串,则x为NaN
var y = "5";
var x = + y;
null 类型 object
undefined 类型 undefined
NaN 类型 number
bool值转化为数字
Number(false)
Number(true)
正则表达式:
var str = "Visit runoob!";
var n = str.search("Runoob");//搜索字符串,返回位置,区分大小写
var n = str.search(/Runoob/i);//搜索字符串,返回位置,/i表示不区分大小写
var txt = str.replace(/microsoft/i,"Runoob");//替换字符串,不区分大小写
test函数查看是否满足正则表达式
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));//是否含有e,返回true
patt1.exec(str)//返回满足正则表达式的数组
捕获错误
try {
adddlert("Welcome guest!");
}
catch(err) {
txt="错误描述:" + err.message + "\n\n";
}
抛出错误
if(isNaN(x)) throw "不是数字";
调试
console.log(c);
debugger;加断点
//增强代码强壮性
"use strict";//javascript严格模式
字符串换行
document.getElementById("demo").innerHTML = "Hello \
World!";
方法中return 不能单独一行。
在 JavaScript 中, null 用于对象, undefined 用于变量,属性和方法。
对象只有被定义才有可能为 null,否则为 undefined。
if (typeof myObj !== "undefined" && myObj !== null)判断对象是否为null
if (typeof myObj !== "undefined" && myObj !== null) //未声明为undefined
表单验证:
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。");
return false;
}
}
require 字段为空时提示
<form action="demo_form.php" method="post">
<input type="text" name="fname" required>
<input id="id1" type="number" min="100" max="300" required>
if (inpObj.checkValidity() == false) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
<input id="id1" type="number" max="100">
if (document.getElementById("id1").validity.rangeOverflow) {
txt = "输入的值太大了";
}