javascript 菜鸟学习

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 person;

变量默认值：null

var person = null;

函数外 或 无var

carname="Volvo";

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

<button οnclick=

var cars=Array("Saab","Volvo","BMW");

声明对象

变量默认值：undefined

var person=
{firstname : "John",lastname  : "Doe",id        :  5566

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

字符串某个字符 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 菜鸟学习相关推荐

javascript菜鸟学习20170113
1. Javacsript 是什么 Javascript是一种专为网页交互而设计的脚本语言,由ECMAScript,DOM,BOM三部分组成. ECMAScript由ECMA-262定义,提供核心语言 ...
菜鸟学习笔记：Java提升篇12（Java动态性2——动态编译、javassist字节码操作）
菜鸟学习笔记:Java提升篇12(Java动态性2--动态编译.javassist字节码操作) Java的动态编译通过脚本引擎执行代码 Java字节码操作 JAVAssist的简单使用常用API ...
菜鸟学习笔记：Java提升篇11（Java动态性1——注解与反射）
Java提升篇11(Java其它高级特性--注解与反射) 注解(Annotation) JDK内置注解自定义注解元注解(meta-annotation) 反射(reflection) 动态语言反 ...
菜鸟学习笔记：Java基础篇3（面向对象思想、程序执行过程内存分析、面向对象重要概念）
菜鸟学习笔记:Java面向对象篇上 Java面向对象的思想 Java程序执行过程内存分析 Java垃圾回收机制构造方法方法重载(overload) static关键字 this关键字 Java面向 ...
零基础转行Web前端开发自学靠谱吗？菜鸟学习前端的方法分享
Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者.那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不 ...
菜鸟学习nodejs--安装nodejs
既然是菜鸟学习node.js,那么在安装的之前,我们就先来了解一下他是个什么东西,为什么我要学习他呢. 简单的说 Node.js 就是运行在服务端的 JavaScript.如果你是一个前端程序员,你不 ...
自动化学计算机语言先学什么,如何学编程语言？好菜鸟学习编程语言的步骤
如何学编程语言?好菜鸟学习编程语言的步骤很多人喜欢争论什么什么编程语言好,我认为这个话题如果不限定应用范围,就毫无意义. 每种编程语言必然有其优点和缺点,这也决定了它有适合的应用场景和不适合的应用场景 ...
Spark菜鸟学习营Day5 分布式程序开发
Spark菜鸟学习营Day5 分布式程序开发这一章会和我们前面进行的需求分析进行呼应,完成程序的开发. 开发步骤分布式系统开发是一个复杂的过程,对于复杂过程,我们需要分解为简单步骤的组合. 针对每 ...
JavaScript深度学习
毛囊炎鼻炎 JavaScript深度学习蔡善清,[美] 斯坦利·比列斯奇,[美] 埃里克·D.,尼尔森,[美] 弗朗索瓦·肖莱著,程泽译 ISBN:9787115561145 包装:平装开本: ...

javascript 菜鸟学习

javascript 菜鸟学习相关推荐

最新文章

热门文章