前端基础js
前端基础js
上天的大乌龟
这个作者很懒,什么都没留下…
展开
-
【前端学习-循环语句】js基础学习笔记
1.for循环<script >names=["李华","Volvo","王晶","Ford"];//数组for (var i=0;i<names.length;i++)//数组的长度用names.length来获取{ document.write(names[i] + "<br>");}</script><body> <h2 id="demo"></h2> <button οnclick="myfu原创 2020-07-08 22:14:48 · 123 阅读 · 0 评论 -
【前端学习-switch条件语句】js基础学习笔记
switch(n){ case1: 执行代码块1 break; case2: 执行代码块2 break; defalut: 与case1和case2不同时执行的代码 }<script>function myfunction(){ var date=new Date().getDay(); var x=""; switch (date){ case 0:x="今天是星期日"; break; case 1:x="今天是星期一";原创 2020-07-08 20:36:48 · 126 阅读 · 0 评论 -
【前端学习-运算符】js基础学习笔记
1.算术运算符2.复制运算符3.连接运算符【+】4.比较运算符5.逻辑运算符【&& || !】6.条件运算符<body> <h2 id="demo"></h2> <p>点击按钮计算x的值</p> <button οnclick="myfunction()">点击这里</button></body><script>function myfunction(){原创 2020-07-08 18:49:31 · 84 阅读 · 0 评论 -
【前端学习-字符串】js基础学习笔记
JavaScript 字符串用于存储和处理文本1.如果字符串引号里面内容包含引号则采用转义字符(\)<script>var name="li\'hua";var age="李华的年龄是\'19\''"document.getElementById('demo').innerHTML="姓名为:"+name+"年龄为:"+age;</script>效果图:注意:1.转义字符(\)的位置在字符串内的每个引号前字符串长度<script>var nam原创 2020-07-08 13:24:07 · 85 阅读 · 0 评论 -
【前端学习-语法-事件onclick】js基础学习笔记
什么是事件?HTML 页面完成加载HTML input 字段改变时HTML 按钮被点击添加属性: <some-HTML-element some-event='JavaScript 代码'><button οnclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button> <p id="demo"></p><body><button ο原创 2020-07-03 16:53:25 · 184 阅读 · 0 评论 -
【前端学习-语法-作用域/局部.全局变量】js基础学习笔记
局部变量1.对象和函数同样也是变量。作用域为可访问变量,对象,函数的集合。JavaScript 函数作用域: 作用域在函数内修改。2.变量在函数内声明,变量为局部作用域。局部变量:只能在函数内部访问。<body><h2 id="demo"></h2><script> myFunction();document.getElementById("demo").innerHTML = "carName 的类型是:" + typeof ca原创 2020-07-03 15:54:42 · 99 阅读 · 0 评论 -
【前端学习-函数】js基础学习笔记
1.基础语法function myfunction() //myfunction为函数名{//执行代码}2.调用带参数的函数如:myfunction(参数1,参数2)function myfunction(var1,var2){//代码}<body><h2 id="demo"></h2><script>function myfunction(name,age){ alert("欢迎你"+name+"你的年龄:"+age)原创 2020-06-22 17:29:29 · 121 阅读 · 0 评论 -
【前端学习-对象】js基础学习笔记
对象有属性:比如 汽车是一个对象,每辆汽车都有颜色、价格、品牌…但是,颜色、价格、品牌等不一定相同。对象也是变量,对象包含多个值。如:var car={color:“white”,price:“5000”}2.定义对象var dog={color:“brown”,name:“maomao”}输出对象...原创 2020-06-22 15:51:00 · 98 阅读 · 0 评论 -
【前端学习-数据类型】js基础学习笔记
字符串如:var name=“lihua”;var sex=“male”;2.数字如:var x=9.0;var y=3.15;3.布尔如:var x=true;var y=false;4.数组如:var cars=new Array();cars[0]=“qw”;cars[1]=“rt”;cars[2]=“uo”;或者 var cars=new Array(“qw”,“rt”,“uo”);数组的输出【循环】<script>var i;var c.原创 2020-06-04 11:08:29 · 107 阅读 · 0 评论 -
【前端学习-语句-语句标识符】js基础学习笔记
转载 2020-06-03 20:07:19 · 101 阅读 · 0 评论 -
【前端学习-语法-操作符】js基础学习笔记
1.算术运算符<body><p id="id1"></p><script>document.getElementById("id1").innerHTML = (2 + 9) * 10;</script></body>效果图:2.赋值运算符<body><p id="id1"></p><script>var x,y,z;x=9,y=6;z=x*y+x;doc原创 2020-06-03 20:00:47 · 170 阅读 · 0 评论 -
【前端学习-语法-变量】js基础学习笔记
使用关键字var定义变量var width,length;width=9;length=6;输出变量:<body><p id="id1"></p><h2 id="id2"></h2><script>document.getElementById("id1").innerHTML = width;document.getElementById("id2").innerHTML = length;</scrip原创 2020-06-03 19:49:03 · 102 阅读 · 0 评论 -
【前端学习-语法-字面量】js基础学习笔记
字面量【数字】整数 /小数 /科学计数如:<p id="id1"></p> <script> document.getElementById("id1").innerHTML = 123e5; </script>效果图:2.字符串【字面量】建议使用双引号<p id="id1"></p> <script> document.getElementById("id1").innerHTML = "bl.原创 2020-06-03 17:46:43 · 125 阅读 · 0 评论 -
【前端学习-输出】js基础学习笔记
弹框 window.alert(“警告!”)<script> window.alert("警告!") </script>效果图:2.将内容写到文档中 document.write()<script>document.write(Date());</script>效果图:3. document.getElementById(id)使用 “id” 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:<p .原创 2020-06-03 17:03:33 · 91 阅读 · 0 评论 -
【前端学习-script标签】js基础学习笔记
<script>..</script>位置:1.在<head>..</head>中2.在<body>..</body>中,推荐!3.外部js的导入<body><script src="myScript.js"></script></body>原创 2020-06-03 16:45:43 · 107 阅读 · 0 评论