js基本笔记

js的引入:
行间事件:给某一个标签添加具体的内容
例如:<input type="button"value="点我一下" onclick="alert('点我干嘛')">
onclick:就是鼠标点击事件
alert:是js中的输出弹框(控制浏览器弹出警告框)
 
嵌入式:在文档页面通过script嵌入
例如:js三种输出方式
<script>
    alert('我是js代码')
    //让计算机在页面输出内容
    document.write('看我初步不出来')
    //在控制台输出,方便调试
    console.log('你看我在哪里')
</script>
 
 
外部引入:定义单独的js文件,通过script标签引入
例如:<script src="../day04/1.js"></script>
 
数据类型:
js基本语法要求:
1.严格区分大小写
2.每一条语句以分号结束,如果没有写,浏览器会自动增加,会消耗资源,也可能会加错分号
3.js也会忽略多个空格和换行
4.ess定义变量使用var
 
数值类型:number    js中不管是整数还是小数统称数字类型
字符串类型:string
布尔类型: boolean
undefined:只声明定义值
对象:object
 
js的运算:
算数运算符:
    +:字符串和其他的数据使用+号运算,会连接成一个新的字符串。
    -:数字和字符串使用减号运算,会返回一个NaN的结果,表示这不是一个数字。
    注:如果字符串本身是一个数字,那么会自动转成number进行运算
比较运算符:
    ==:等于(只比较内容)仅仅判断数值
    ===:(恒等于, 数值和类型都要相等)
逻辑运算符:
    &&         与        true&&false        ====>false
    找第一个出现的假值. (一假即假)
        ||         或        true||false            ====>true
    找第一个出现的真值. (一真即真)
        !         非        !true                ====>false
    全都为假
三元表达式:
if (a>b){
    判断结果
}
转为三元:alert(a>b? a:b)
js判断:
var score=100;
    if(条件){
        执行语句;
    }else if(条件){
        执行语句;
    }
js的循环:
var i = 1
while (i<=10){
    执行模块
        i++;
}
 
for (var i=1;i<=10;i++){
    代码块
}
break:跳出循环
continue:跳过本次循环,进行下一次
 
函数:
function定义函数;
例如:function 函数名(){
        函数体
    }
 
匿名函数:没有函数名时,调用变量名
例如:var x=function(){document.write("人工智能,无所不能")}
            x();
匿名函数:自己调用自己:
(function(){
        var x ="a"
        document.write(x);
    })();
 
 
Es5声明:var;
Es6声明:let,const;
var,let,const区别:
var和let:只声明变量不赋值时,返回endefined;
const:声明是必须赋值;
var:可以重复定义变量,后面的变量会把前面的覆盖;
let,const:变量名重复会报错;
 
箭头函数:
例如:
var x=(a,b)=>{
        document.write(a+b);
    }
    x(5,6);
 
正则表达式:
使用 test(): 它通过模式来搜索字符串,然后根据结果返回 true 或 false。
例如:
var patt = /e/;
patt.test("The best things in life are free!"); 返回“true”
 
使用exec():
它通过指定的模式(pattern)搜索字符串,并返回已找到的文本。如果未找到匹配,则返回 null。
例如:/e/.exec("The best things in life are free!");返回“e”

posted on   裤裆有只妖  阅读(53)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示