JS的第一天,精彩内容
1、JS 介绍
js的全称是JavaScript,它是一门前台语言
Java是一门后台语言 ,它们两个之间毫无关系
JavaScript的作者是布兰登,艾奇
前台语言:运行在客户端
后台语言:与数据库有关
2、js的作用
用于:页面特效 开发页面游戏 后台开发
3、js和ECMAscript的关系
ES不是一门语言,而是一个标准,规则
则ES是JS的书写输入标准
4、web前端的三个层次
html 结构层
css 表现层
JS 行为层
5、JS写在哪儿
js写在<script></script>标签里
PHP写在<?php>标签里
js两种输写方式
(1)<script> 。。。</script>
(2)<script src=“x.js”></script>
6、变量
变量:顾名思义则是可以改变的量,往往用英文字母代替变量(类似于起个名字),区分大小写
变量的定义(声明):var +字母
var a
变量的用途:临时存储数据的容器
通过“=”给变量赋值:var a=12;
7、js语言的输出
alter()弹出框
console.log()浏览器控制台输出,用于代码测试
document.write()在浏览器中写出
8、js的注释
(1)单行注释//
(2)多行注释/*...*/
9、常量
常量就是不变的量,则为变量等于号后面的值,为汉字,数字,除数字以外,要带引号“”
变量起名的规则,不能使用汉字,区分大小写,不能使用特殊符号,除了-和$
❤带引号和不带引号
带引号“”的内容,输入什么就是什么,叫做字符串,但变量不是字符串,变量的输出是它后面的值,
如果没有赋值,则是undefined
❤var a="45";
console.log(a+1) 显示451
var b=21;
console.log(b+1) 显示22
"45"是字符串,则+的作用是拼接
21是数字,则+的作用为运算
10、js的四则运算
(1)+ 纯数字之间为加法
与字符串之间为拼接
(2)-、x、/、与数字、字符串之间的作用都是运算,这三种运算有隐式转换的能力,在计算过程中,将字符串强制转化为数字
(3)% 取余数
(4)数字
整数(整型)
小数(浮点型)
parseint()将字符串强制转换成整型
parsefloat()将字符串强制转化成浮点型
11、代码的执行顺序是从上往下,一个模块一个模块的执行
❤变量提升:浏览器的功能
JS代码执行前,浏览器会给JS一个全局环境,教window(全局作用域)
在window下,浏览器找到所有的带var和function的关键字,然后给他们分配内存地址,不管赋值没赋值,浏览器会告诉所有
的子模块,这个东西存在了,这种能力叫做变量提升
13、数据类型
字符串、数字、数组、json、对象、布尔、null、undefined、函数{基本类型和复合类型}
14、运算
(1)四则运算
(2)逻辑运算
或(||)、且(&&)、非(!)、
结果是true false
(3)比较运算
>,>=,<,<=,!(取反)
==(双等于号)等于 也有隐式转换的能力
“=”是赋值运算
结果是 true false
=== 全等 数据的类型和值都一样
!==不全等于
JS的第一天,精彩内容的更多相关文章
- PPK谈JS笔记第一弹
以下内容是读书笔记,再一次温习JS好书:PPK谈JS window.load=initializePageaddEventSimple('window','load',function(){}) lo ...
- js改变下拉框内容
js改变下拉框内容 CreateTime--2018年4月8日18:47:38 Author:Marydon 适用场景:通常情况下,级联菜单.通过ajax异步获取后台数据改写下拉框内容会有这种需求 ...
- 一周精彩内容分享(第 1 期):"世纪逼空大战"
这里记录过去一周,我看到的值得分享的东西. 一方面是整理记录一下自己一周的学习,另一方面也是期待自己有更多的输出,有更多的价值. 周刊开源(Github:wmyskxz/weekly),欢迎提交 is ...
- CloudBase CMS + Next.js:轻松构建一个内容丰富的站点
项目背景 试想一下,如果你现在要为你自己或者你所在的组织创建一个强内容的站点,同时要求好的 SEO(搜素引擎优化),比如博客,你会怎么做呢? 由 vite 或者 create-react-app 等脚 ...
- handlebars.js 用 <br>替换掉 内容的换行符
handlebars.js 用 <br>替换掉 内容的换行符 JS: Handlebars.registerHelper('breaklines', function(text) { te ...
- js打印Iframe中的内容,并且不需要预览。
js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript ...
- qrcode.js插件将你的内容转换成二维码格式
---qrcode.js插件将你的内容转换成二维码格式--- 我之前一直想知道二维码是怎么生成,所以就了解了一下, 最后还是不知道它的原理, 但是,我知道怎么生成. 现在就让我带你制作一个你喜爱的二维 ...
- Js使用word书签填充内容
Js使用word书签填充内容 1.在模板文件中需要填充的地方插入书签 填充内容为:(|光标所在处) 填写书签名,点击添加完成: 2.使用js打开模板,获取书签位置,填充数据: function pri ...
- JS 阻止整个网页的内容被选中
pretty-girl { -webkit-user-select: none; } 可是!可是!不是每个浏览器都可以不忧桑!!!那就只能请脚本大王出山了. 阻止选中 有时候,我们需要禁止用户选中一些 ...
- 为什么不能用 JS 获取剪贴板上的内容?
为什么不能用 JS 获取剪贴板上的内容? 为什么不能用 JS 获取剪贴板上的内容? 发一串口令给朋友朋友复制这串口令,然后访问你的网站你在网站上用 JS 读取朋友剪贴板上的口令根据不同的口令,显示不同 ...
随机推荐
- 零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重 ...
- JPA示例项(J采纳PA的hibernate实现版本号)
(1).JPA介绍: JPA全名Java Persistence API ,Java坚持API这是Sun公司Java EE 5规范中提出的Java持久化接口. JPA吸取了眼下Java持久化技术的长处 ...
- 在Style中将EventTrigger与Trigger同时使用
原文:在Style中将EventTrigger与Trigger同时使用 现在在看WPF关于Trigger的有关实例,然后找到一篇不错的文章,特此转载,收藏一下!! 一般情况下,使用Style时,可 ...
- OpenGL(十五) OpenCV+OpenGL实现水面倒影
有两幅原始图片,一个是景物图像,一个是水面图像,尝试生成景物在水中的倒影: 在OpenGL中,加载并显示这个景物图像可以把这个图像作为纹理载入即可,把图像直接选择180度的效果就相当于是在镜面中倒影的 ...
- 【Linux知识】server性能测试--UnixBench
链接地址: http://blog.csdn.net/jason_asia/article/details/38309079 1.1. server性能测试UnixBench 分别DELL R72 ...
- C#开发奇技淫巧一:调试windows系统服务
原文:C#开发奇技淫巧一:调试windows系统服务 windows系统服务不能直接运行,只能在安装完服务之后启动.暂停.继续.停止服务,导致服务的调试不能使用一般的断点调试. 要调试系统服务,可以采 ...
- ELINK编程器典型场景之远程镜像
当不想直接提供Hex/Bin等二进制程序文件给用户时,通过生成远程镜像功能将程序文件加密后,再提供给用户自行脱机下载来达到远程更新的目的. 远程镜像生成的一般步骤为由客户端提供SN码,本地依据SN码加 ...
- jquery实现div拖拽
1.引入jquery1.8.3 ,模块拖拽js代码: //模块拖拽 $(function(){ var _move=false;//移动标记 var _x,_y;//鼠标离控件左上角的相对位置 $(& ...
- 图像滤镜艺术---LOMO Filter
原文:图像滤镜艺术---LOMO Filter LOMO Filter LOMO是一种概念,即强调感受.机缘,弱化摄影技巧,不确定性和随意性是LOMO最大特点.LOMO源于Lomography,LOM ...
- 八荣八耻 IT版
八荣八耻 IT版以可配置为荣,以硬编码为耻:以系统互备为荣,以系统单点为耻:以随时可重启为荣,以不能迁移为耻:以整体交付为荣,以部分交付为耻:以无状态为荣,以有状态为耻:以标准化为荣,以特殊化为耻:以 ...