学习总结:JavaScript基础知识汇总

<script>
function 函数名(参数1,参数2){
方法
}
</script> //JavaScript格式


document.getElementById("id值").innerHTML=Date(); id值的控件显示当前时间
document.write("<h1>这是一个标题</h1>"); 直接写入 HTML 输出流
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。


<button type="button" onclick="alert('欢迎!')">点我!</button> 点击出现一个对话框,显示 欢迎!


x=document.getElementById("demo");   // 找到元素
x.innerHTML="Hello JavaScript!";     // 改变内容
x.style.color="#ff0000(红)";           // 改变样式


element.src.match("bulbon"); 查找src地址含有bulbon的值,有返回true
match() 方法可在字符串内检索指定的值


var x=document.getElementById("demo").value; 获得demo控件的值(var  变量)
if(x==""||isNaN(x))//x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回 true。x 是其他值,返回 false。


外部的 JavaScript不能包含 <script> 标签(以.js结尾)


window.alert(值) 弹出警告对话框(显示值)
console.log(值); 使用 F12 启用调试模式, 在调试窗口中点击 "Console" 菜单显示值


科学计数(e)  123e5=12300000
字符串(String)字面量 可以使用单引号或双引号:
document.getElementById("demo").innerHTML = 5 * 10;表达式字面量 用于计算


对大小写是敏感的
使用 Unicode 字符集
使用反斜杠\对代码行进行换行
注释 //   /*  */


一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可,也可横跨多行
var carname;其值实际上是 undefined(未声明的值) 不显示
var carname="Volvo"; var carname; 变量 carname 的值依然是 "Volvo"
var cars=new Array();cars[0]="Saab";cars[1]="Volvo";cars[2]="BMW"; 创建数组
var person={firstname:"John", lastname:"Doe", id:5566}; 对象(键值对)
name=person.lastname;name=person["lastname"]; 对象属性两种寻址方式


在函数内,把值赋给尚未声明的变量,该变量将被自动作为全局变量声明carname="Volvo";
全局变量是 window 对象: 所有数据变量都属于 window 对象window.carname
添加转义字符来使用引号 var x = 'It\'s alright';
使用内置属性 length 来计算字符串的长度var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";var sln = txt.length;
var y = new String("John");var x = "John";(x === y) // 结果为 false,因为 x 是字符串,y 是对象(=== 为绝对相等,即数据类型与值都必须相等)
!== 不绝对等于(值和类型有一个不相等,或两个都不相等)
var person={fname:"John",lname:"Doe",age:25}; 
for (x in person)
{
    txt=txt + person[x];
} For/In 循环
continue 语句(带有或不带标签引用)只能用在循环中。
break 语句(不带标签引用),只能用在循环或 switch 中。


使用 typeof 操作符来检测变量的数据类型 typeof "John"                返回 string
数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object
用 typeof 检测 null 返回是object
NaN 的数据类型是 number  数组(Array)的数据类型是 object  日期(Date)的数据类型为 object
constructor 属性返回所有 JavaScript 变量的构造函数 "John".constructor   // 返回 function String() { [native code] }
String(100 + 23)  // 将数字表达式转换为字符串并返回 (123).toString()同样效果

Number(" ")       // 返回 0 Number("99 88")   // 返回 NaN

 + 可用于将变量转换为数字 var y = "5";      // y 是一个字符串  var x = + y;      // x 是一个数字


var patt = /runoob/i /正则表达式主体/修饰符(可选)(i  执行对大小写不敏感的匹配。 g  执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 m  执行多行匹配。)
var str = "Visit Runoob!";   var n = str.search(/Runoob/i);  n=6;
var txt = str.replace("Microsoft","Runoob");// 把Microsoft替换为Runoob
var patt1=new RegExp("e");  document.write(patt1.test("The best things in life are free"));打印TRUE//RegExp 对象是一个预定义了属性和方法的正则表达式对象  test() 方法用于检测一个字符串是否匹配某个模式
var patt1=new RegExp("e");  document.write(patt1.exec("The best things in life are free"));//打印e   exec() 方法用于检索字符串中的正则表达式的匹配


for (var i = 0; i < 10; i++) {
    // some code
}
return i;//i=10;在每个代码块中 JavaScript 不会创建一个新的作用域,一般各个代码块的作用域都是全局的。


document.forms["myForm"]["fname"].value;//判断表单字段(fname)值是否存在
required 属性会阻止表单提交<input type="text" name="fname" required="required">  <input type="submit" value="提交">


checkValidity() input 元素中的数据是合法的返回 true,否则返回 false
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值