javascript 菜鸟学习

javascript 格式

可放在body和head内

格式：<script> </script>

动态书写网页标签：document.write("<h1>这是一个标题</h1>");

按钮点击提示：<button onclick="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        :  5566

    fullName : function(a, b) //对象方法
    {
       return this.firstName + " " + this.lastName;
    }
};

变量默认值：undefined

var person;

变量默认值：null

var person = null;

函数外 或 无var

carname="Volvo";

按钮onclick时间执行不一定是方法，还可以是代码

<button onclick=

字符串某个字符 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 字段为空时提示

if (inpObj.checkValidity() == false) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;

}

if (document.getElementById("id1").validity.rangeOverflow) {
txt = "输入的值太大了";
}

javascript 菜鸟学习

猜你喜欢