알려지지 않은 대중적인 기본 JavaScript 지식의 전체 모음(컬렉션)-JS 튜토리얼-php.cn

알려지지 않은 대중적인 기본 JavaScript 지식의 전체 모음(컬렉션)

php是最好的语言

풀어 주다： 2018-07-24 09:22:07

원래의

1236명이 탐색했습니다.

JavaScript를 배우는 것은 매우 지루하고 골치 아픈 일입니다. 이 글은 향후 학습에 필요할 때 활용하게 될 것입니다.

1. js 내장 객체

(1)Number
생성 방법:

var myNum=new Number(value);
var myNum=Number(value);

로그인 후 복사

속성 및 방법: # 🎜🎜 # toString(): 문자열로 변환
’ s s ’ s ‐ ‐ ‐ ‐ off ’ s ’ 를 통해 Boolean ’ s ‐ ‐ ‐ ‐ 및 방법:
> (): 인덱스 문자
charCodeAt를 반환합니다. : 인덱스 문자를 반환합니다 unicode#🎜 🎜# indexOf():return 문자 인덱스
lastIndexOf(); 문자 인덱스를 역으로 반환합니다

분할(); 특수 문자에 따라 문자열을 배열로 나눕니다. 🎜# substr(): 시작 인덱스 번호에서 문자열 추출 지정된 문자 수

‐ ‐ toUpperCase()-outto를 사용하여 문자열 밖으로 출력 대문자();
사용 사용 사용 ' ' s 통해 사용 통해 사용 통해 통해 통해 통해 통해 통해 통해 통해 통해 ‐‐ ‐ ‐ 생성 방법: 요소를 지정된 구분 기호로 구분하여 구분합니다. a
POP(): 최종 요소를 삭제하고 반환
push(): 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환#🎜 🎜
reverse();배열 반전

use using using ’ ’ ’ s ’ s ’ ‐ 아래로 ‐ ‐ to

    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 alert(arguments[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)";
print ( "Custom Logic");

3, js events
이벤트
이벤트 소스

응답 동작 1. js의 일반적인 이벤트

onclick: 클릭 이벤트
onchange: 도메인 콘텐츠가 변경되는 이벤트
요구 사항: 레벨 2 링키지 구현

<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 &#39;bj&#39;:
                            var area = document.getElementById("area");
                            area.innerHTML = "<option>海淀</option><option>朝阳</option><option>东城</option>";
                            break;
                        case &#39;tj&#39;:
                            var area = document.getElementById("area");
                            area.innerHTML = "<option>南开</option><option>西青</option><option>河西</option>";
                            break;
                        case &#39;sh&#39;:
                            var area = document.getElementById("area");
                            area.innerHTML = "<option>浦东</option><option>杨浦</option>";
                            break;
                        default:
                            alert("error");
                    }
                };                
                
            </script>

로그인 후 복사

       onfoucus:获得焦点的事件
       onblur:失去焦点的事件
           需求：   当输入框获得焦点的时候，提示输入的内容格式
                   当输入框失去焦点的时候，提示输入有误
           name



       onmouseover:鼠标悬浮的事件
       onmouseout:鼠标离开的事件
           需求：p元素鼠标移入变为绿色移出恢复原色
           #d1{background-color: red;width:200px;height: 200px;}

       onload:加载完毕的事件
           等到页面加载完毕在执行onload事件所指向的函数



   (2)위치
       location.href = "url 地址";
(3) 히스토리###back ();
#####go ();##& lt; a href = "demo7. html">后一页

       <입력 유형 ="button" value="下一页" onclick="history.forward()">




五、js 적돔
   1、리리解一下文档对象模型
       html文件加载到内存之后会shape成一颗dom树，根据这些节点对象可以进行脚本代码的动态修改
       재돔树当中一切皆为节点对象
   2, dom方法和属性
       笔记见代码
相关推荐:

# 🎜🎜#JavaScript 变weight基础知识_基础知识#🎜🎜 #

JavaScript는 자바스크립트로 알고 있는 정보입니다.

위 내용은 알려지지 않은 대중적인 기본 JavaScript 지식의 전체 모음(컬렉션)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!