Apprendre JavaScript est ennuyeux et un casse-tête. Cet article vous aidera à approfondir votre impression des connaissances de base. Vous l'utiliserez dans vos futures études.
1. Objets intégrés JS
(1)Number
Méthode de création :
var myNum=new Number(value); var myNum=Number(value);
Attributs et méthodes :
toString() : Convertir to String
valueOf() : renvoie la valeur numérique de base d'un objet Number utilisant utilisant utilisant utilisant utilisant ' ‐ out out out off out's ' out 's ' through out ' through through through through through through ‐ through ‐ ‐‐‐‐ ‐‐ et ‐ en toString() : Convertir en chaîne
valueOf() : Renvoie la valeur de base (booléenne) d'un objet booléen ''s ' ' en utilisant des valeurs booléennes partout à travers à travers à travers à travers à travers à travers à travers l'extérieur à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐ ‐ ‐ ‐ ‐ _ length : La longueur de la chaîne
charAt() : Renvoie le caractère d'index
var bool = new Boolean(value); var bool = Boolean(value);
lastIndexOf (); Renvoie l'index du caractère <🎜 à l'envers > split(); divise la chaîne en un tableau en fonction des caractères spéciaux
substr() : Extrait le nombre spécifié de caractères dans la chaîne à partir du numéro d'index de départ
substring() : Extraire deux index spécifiés dans la chaîne Les caractères entre les nombres
Exemple :
(4) Array
var str = new String(s); var str = String(s);
Propriétés et méthodes :
LENGTH : Longueur du tableau
join() : Mettez tous les éléments du tableau dans une chaîne. Les éléments sont séparés par un délimiteur spécifié
pop() : supprime et renvoie le dernier élément
push() : ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur
reverse() ; Tableau inversé
trier();
var myDate = new Date(); var myDate = new Date(毫秒值);//代表从1970-1-1到现在的一个毫秒值
属性和方法
getFullYear():年
getMonth():月 0-11
getDate():日 1-31
getDay():星期 0-6
getTime():返回1970年1月1日午夜到指定日期(字符串)的毫秒数
toLocalString();获得本地时间格式的字符串
(6)Math
创建方式:
Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,
不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。
属性和方法
PI:圆周率
abs():绝对值
ceil():对数进行上舍入
floor():对数进行下舍入
pow(x,y):返回 x 的 y 次幂
random():0-1之间的随机数
round():四舍五入
(7)RegExp
创建方式:
var reg = new RegExp(pattern);
var reg = /^正则规则$/;
规则的写法:
[0-9]
[A-Z]
[a-z]
[A-z]
\d 代表数据
\D 非数字
\w 查找单词字符
\W 查找非单词字符
\s 查找空白字符
\S 查找非空白字符
n+ 出现至少一次
n* 出现0次或多次
n? 出现0次或1次
{5} 出现5
{2,8} 2到8次
方法:
test(str):检索字符串中指定的值。返回 true 或 false
需求:
校验邮箱:
var email = haohao_827@163.com var reg = /^[A-z]+[A-z0-9_-]*\@[A-z0-9]+\.[A-z]+$/; reg.test(email);
二、js的函数
1、js函数定义的方式
(1)普通方式
语法:function 函数名(参数列表){函数体}
示例:
function method(){
alert("xxx");
}
method();
(2)匿名函数
语法:function(参数列表){函数体}
示例:
var method = function(){
alert("yyy");
};
method();
(3)对象函数
语法:new Function(参数1,参数2,...,函数体);
注意:参数名称必须使用字符串形式、最后一个默认是函数体且函数体需要字符串形式
示例:
var fn = new Function("a","b","alert(a+b)");
fn(2,5);
2、函数的参数
(1)形参没有var去修饰
(2)形参和实参个数不一定相等
(3)arguments对象 是个数组 会将传递的实参进行封装
function fn(a,b,c){
//var sum = a+b+c;
//alert(sum);
//arguments是个数组 会将传递的实参进行封装
for(var i=0;i
}
}
fn(1,2,4,8);
3、返回值
(1)在定义函数的时候不必表明是否具有返回值
(2)返回值仅仅通过return关键字就可以了 return后的代码不执行
function fn(a,b){
return a+b;
//alert("xxxx");
}
alert(fn(2,3));
4、js的全局函数
(1)编码和解码
encodeURI() decodeURI()
encodeURIComponet() decodeURIComponent()
escape() unescape()
三者区别:
进行编码的符号范围不同吧,实际开发中常使用第一种
(2)强制转换
Number()
String()
Boolean()
(3)转成数字
parseInt()
parseFloat()
(4)eval()方法
将字符串当作脚本进行解析运行
//var str = "var a=2;var b=3;alert(a+b)";
; 🎜> onclick : événement de clic
onchange : événement où se trouve le contenu du domaine modifié
Exigences : obtenir un lien secondaire
<select id="city"> <option value="bj">北京</option> <option value="tj">天津</option> <option value="sh">上海</option> </select> <select id="area"> <option>海淀</option> <option>朝阳</option> <option>东城</option> </select> <script type="text/javascript"> var select = document.getElementById("city"); select.onchange = function(){ var optionVal = select.value; switch(optionVal){ case 'bj': var area = document.getElementById("area"); area.innerHTML = "<option>海淀</option><option>朝阳</option><option>东城</option>"; break; case 'tj': var area = document.getElementById("area"); area.innerHTML = "<option>南开</option><option>西青</option><option>河西</option>"; break; case 'sh': var area = document.getElementById("area"); area.innerHTML = "<option>浦东</option><option>杨浦</option>"; break; default: alert("error"); } }; </script>
onfoucus:获得焦点的事件
onblur:失去焦点的事件
需求: 当输入框获得焦点的时候,提示输入的内容格式
当输入框失去焦点的时候,提示输入有误
onmouseover:鼠标悬浮的事件
onmouseout:鼠标离开的事件
需求:p元素 鼠标移入变为绿色 移出恢复原色
#d1{background-color: red;width:200px;height: 200px;}
4. JS BOM
(1) objet fenêtre
Méthode contextuelle :
Boîte d'invite : alert("informations d'invite");
Boîte de confirmation : confirm("informations de confirmation" ) ;
Il y a une valeur de retour : si vous cliquez pour confirmer, elle renvoie true Si vous cliquez pour annuler, elle renvoie false
var res = confirm("Êtes-vous sûr de vouloir supprimer ?"); box : prompt("information rapide");
Il y a une valeur de retour : Si vous cliquez sur Confirmer pour renvoyer le texte de la zone de saisie, cliquez sur Annuler pour renvoyer null
var res = prompt("Veuillez entrer votre mot de passe ?");
alert(res );
méthode open :
window.open("adresse url"); open("../jsCore/demo10.html");
Minuterie :
setTimeout(function, millisecond value);
setTimeout(
function(){
alert("xx"); nom de l'appareil);
var timer;
var fn = function(){
alert("x");
time r = setTimeout(fn,2000);
};
var close = function(){
clearTimeout(timer) ;
};
fn();
setInterval(function, millisecond value);
clearInterval(timer name)
var timer = setInterval(
function(){
alert("nihao");
},
2000
); > clearInterval(timer);
">5 Il reviendra à la page d'accueil après 5 secondes. Si c'est le cas, ne saute pas, s'il vous plaîtCliquez ici
type="text/javascript">
var time = 5;
var timer;
timer = setInterval(
function(){
var second = document.getElementById("second");
if(time>=1){
second.innerHTML = heure;
heure--;
autre{
clearInterval(timer);
location.href="../jsCore/demo10.html";
}
}, <地址";
(3)histoire
retour ();
forward();
go();
后一页
五、js的dom
1、理解一下文档对象模型
html文件加载到内存之后会形成一颗dom树,根据这些节点对象可以进行脚本代码的动态修改
在dom树当中 一切皆为节点对象
2、dom方法和属性
笔记见代码
相关推荐:
JavaScript 变量基础知识_基础知识
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!