javascript

作者：weixin_40725706 | 2024-02-17 00:12:23

踩

javascript

简介：

面向对象编程的脚本语言，与java没有关系，简称js 作用：针对网页上的标签(元素、对象)，进行属性修改，达到页面元素发生改变的特效。脚本语言：在客户端浏览器上运行的语言，面向对象编程：通过对象.属性和对象.方法()的语法来执行。程序语言：在服务器上运行语言。

页面引入js

js基本语法：

注意：js与java完全没有关系，但是语法遵循java语法。

定义变量、变量赋值、运算符、循环、判断与java基本类似，不同的语法会着重讲解。

1：数据类型：    
基本数据类型：字符串类型(string)    数字类型(number)    布尔类型(boolean)    
2：定义变量：    
var a1 = 1;    
var a2 = "1";     
var a3 = true;    
console.log(a1);        //浏览器控制台输出命令：浏览器F12，找console    
console.log(a2);    
console.log(a3);    
console.log(typeof a1);    
console.log(typeof a2);    
console.log(typeof a3);
3：运算符、循环、判断与java基本一致

函数：

分为系统函数、自定义函数

自定义函数：

在部分代码块封装在一个代码块中，叫做函数。随时提供调用

1：定义函数：
function 方法名(){    
    方法体
}样例：
    <script type="text/javascript">            
        function t1(){                
        var sum = 0;                
        for(var i=1;i<=100;i++){ 
            sum += i;            
        }                
        console.log(sum);            
    }
</script>
注意：自定义函数必须依靠事件来调用。
2：参数：    形参：定义函数时，小括号里的变量    实参：调用函数时，小括号里的具体内容，    注意：形参、实参个数、数量、数据类型必须一一匹配。
3：返回值
function 方法名(){    
    return "abc;    
    return 123;    
    return true;    
    return 数值;
}

事件：

点击事件：onclick    <标签 οnclick="方法()">:给该标签添加点击事件，当该标签发生点击事件时，自动执行该方法()
鼠标指上事件：onmouseover:    <标签 οnmοuseοver="方法()">: 给该标签添加指上事件，当该标签发生指上事件时，自动执行该方法()
鼠标离开事件：onmouseout:    <标签 οnmοuseοut="方法()">: 给该标签添加离开事件，当该标签发生离开事件时，自动执行该方法()
网页加载完成事件  onload:针对body标签    <body οnlοad="t4()">
文本框获得焦点事件：onfouce:
文本框失去焦点事件：onblur:    <input type="text" οnfοcus="t5()" οnblur="t6()">
下拉框选项改变事件: onchange:    <select οnchange="t7()">
表单提交事件：onsubmit:针对form标签，    <form action="2.html" method="post" οnsubmit="return aaa()">    
注意：onsubmit：表单提交事件，当点击submit按钮，通过return true\false来决定是否执行action    默认返回true

BOM:

browser object model：浏览器对象模型

window:窗口对象    
window.alert("这是信息确认框");            只能点击确认    
window.confirm("这是信息选择框");            点击确认返回true，点击取消返回false    
window.prompt("信息输入框");                 点击确认返回文本框中输入的信息，点击取消返回null    
window.open(url);        新窗口打开页面        <a href="url" target="_blank">test</a>   
window.close();            关闭当前页面    以上方法的对象window可以省略，直接调用方法。
location:    location.href = "url"    当前页面跳转    <a href="url">test</a>

DOM:

document object model：文档对象模型，html文件就是一个document对象。可以通过该对象获得网页上任意一个对象(标签)，修改网页上的任意一个对象的属性，达到页面变化的特效。

正则表达式：

作用：针对字符串的格式进行匹配。

样例：

var obj1 = document.getElementById("uname");
var uv = obj1.value;var zz = /^[a-z]{6,18}$/;  
//正则表示式zz.test(uv);  
//使用正则表达式匹配uv，如果格式匹配，则返回true，如果不匹配，返回false

正则表达式的语法：

注意：正则表达式是以一个字符一个字符去匹配。

^        以后面字符开始
$        以前面字符结束
*        匹配前面一个字符的长度：任意长度
?        匹配前面一个字符的长度：0个或者1个
+        匹配前面一个字符的长度：至少1个
{2}        匹配前面一个字符的长度：必须2个长度
{2,}    匹配前面一个字符的长度：至少2个长度
{2,5}    匹配前面一个字符的长度：大于等于2，小于等于5
[a-zA-Z0-9]        匹配一个字符，在一个范围区间内|        或者，
\d        0-9的一位数字   [0-9]
 \w        数字、字母、下划线    
 \D        非\d
 \W        非\w

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/98117