![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
白T恤架构师
爱穿白衬衫,深藏功与名
展开
-
web前端入门到实战:纯js时钟特效
电子时钟是网上常见的功能,在学习date对象和定时器功能时,来完成一个电子时钟的制作是不错的选择。学习本教程之前,读者需要具备html和css技能,同时需要有简单的javascript基础。先准备一个html元素,用来放置时钟。新建一个div元素,它的id命名为clock,如下所示:<div id="clock" class="clock_con"></div><...原创 2020-05-04 14:51:40 · 671 阅读 · 0 评论 -
web前端入门到实战:JavaScript-提问(prompt 消息对话框)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title> JavaScript-提问(prompt 消息对话框)</title> 6 <script type="text...原创 2020-04-15 15:06:35 · 935 阅读 · 0 评论 -
web前端入门到实战:JavaScript-确认(confirm 消息对话框)
confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript-确认...原创 2020-04-15 15:04:45 · 1286 阅读 · 0 评论 -
web前端入门到实战:JavaScript-警告(alert 消息对话框)
1 alert(字符串或变量); 我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的,以上为alert()语法 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset...原创 2020-04-15 15:02:43 · 1461 阅读 · 1 评论 -
web前端入门到实战:JavaScript中4种document输出展示
document.write() 可用于直接向 HTML 输出流写内容,简单的说就是直接在网页中输出内容。第一种:输出内容用"“括起,直接输出”“号内的内容,补充:如果是数字,有无”"均可;如果是汉字与字母必须添加1 <script type="text/javascript">2 document.write("I love JavaScript!"); //内容用""括起...原创 2020-04-15 14:58:04 · 529 阅读 · 0 评论 -
web前端入门到实战:JavaScript-什么是函数
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript-什么是函数</title> 6 <script type="text/javascript"...原创 2020-04-15 14:52:57 · 148 阅读 · 0 评论 -
web前端入门到实战:JavaScript-判断语句(if...else)
if…else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码,书写格式如下:1 if(条件) 2 { 条件成立时执行的代码 } 3 else 4 { 条件不成立时执行的代码 }假设我们通过年龄来判断是否为成年人,如年龄大于等于18岁,输出“成年人的世界哪有容易二字”,否则展示“没啥,反正已经一败涂地,大不了从头再来,可是还有时间吗”代码展示如下:专门建立的学习...原创 2020-04-15 14:51:15 · 665 阅读 · 0 评论 -
web前端入门到实战:javascript里面什么是变量
什么是变量,从字面意思来讲,变量就是可变的量;从编程角度来讲,变量是用来存储某种/某些数值的存储器,举例2个盒子,为区分它们,其中一个用box1表示,另外一个用box2,当然你也可以用任意的名称来区分,这个box1就是盒子名字也就是所谓变量的名字。变量如何定义?语法如下:1 var 变量名 //定义变量使用关键字var变量命名注意事项,需要遵从以下命名规则:变量必须使用字母、下划线_...原创 2020-04-14 18:49:05 · 226 阅读 · 0 评论 -
web前端入门到实战:JavaScript单行与多行注释书写格式
注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title&g...原创 2020-04-14 18:48:33 · 348 阅读 · 0 评论 -
web前端入门到实战:认识javascript语句和符号
JavaScript语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情,每一句JavaScript代码格式: 语句;准确来说类似这样的;其中alert(“点击告白javascript”);就是一个 javascript语句;一行的结束就被认定为语句的结束,通常在结尾加上一个分号";"来表示语句的结束。 1 <!DOCTYPE html> 2 <html> 3...原创 2020-04-14 18:48:02 · 128 阅读 · 0 评论 -
web前端入门到实战:如何插入js,引用外部js,js在页面中的位置
我们来看看如何写入JS代码?你只需一步操作,使用之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title...原创 2020-04-14 18:47:29 · 809 阅读 · 0 评论 -
web前端入门到实战:js函数与作用域,了解函数基本概念
通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if,switch选择;循环for while;下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数?简单来说是为了提高代码的复用性,写一遍可以多次使用,把特定的功能语句打...原创 2020-04-14 18:46:49 · 153 阅读 · 0 评论 -
web前端入门到实战:JavaScrip流程控制之switch选择,for循环
swith根据表达式的值来case ,break执行跳转语句 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initi...原创 2020-04-13 14:07:08 · 162 阅读 · 0 评论 -
web前端入门到实战:JavaScript之if流程控制演练,if写在区间内怎么解决
什么是编程?通俗意见上来讲,就是把人的思维与步骤通过代码的形式书写展示出来,JavaScript的流程控制包含条件判断if,switch选择,循环for while;if(表达式 条件)=>真{语句}1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8...原创 2020-04-13 14:06:15 · 140 阅读 · 0 评论 -
web前端入门到实战:JavaScript数据类型typeof()和转换
javascript属于弱类型,值包含:数字,字符串和布尔值,c++与java属于强类型;int a=“a”,string a=“a” 报错;var a ;原始类型:数字number 字符串string 布尔值 Boolean undefind null,对象object,原始值组合一起;对象分为1.系统自带的对象,数组,函数2.自定义{} e.g三门课程=>60 61 62 ;v...原创 2020-04-13 14:05:33 · 152 阅读 · 0 评论 -
web前端入门到实战:JavaScript的算数,赋值,比较和逻辑运算符
类似a=1+1这样的表达式称为运算符,js的运算符分为算数,赋值,比较和逻辑运算符;常见的算数有:+ - * / %(加减乘除,取模),比方说5/4=41+1;5%4=1,js算数顺序:从左往右,先 / %后+ ;js的值包含数字,字符串,布尔值;在算数运算中,“加号”:有字符串,按照字符串处理,没有按照数字处理;注意布尔值false=0,true=1;比方来说:1+“a”=“1”+“...原创 2020-04-13 14:04:54 · 189 阅读 · 0 评论 -
web前端入门到实战:了解JavaScript的语法基础,值和变量
通过JavaScript语法基础学习了解到1.怎么使用js/通常js的引入和css一样,分为内部,外部和行内引入,执行自上而下,有着先后顺序/;2.js的语法/2.1js是用字母,数字、特殊字符组成的命令2.2对字母的大小写是敏感的,一个字母相差就相当于2个不同的变量/3.区分js的命令/一条语句,一条命令,一行以分号;结尾/4.js注释/*注释分多行和单行,单行的注释为// 多行的注...原创 2020-04-13 14:04:06 · 115 阅读 · 0 评论