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的第一天,精彩内容的更多相关文章

  1. PPK谈JS笔记第一弹

    以下内容是读书笔记,再一次温习JS好书:PPK谈JS window.load=initializePageaddEventSimple('window','load',function(){}) lo ...

  2. js改变下拉框内容

      js改变下拉框内容 CreateTime--2018年4月8日18:47:38 Author:Marydon 适用场景:通常情况下,级联菜单.通过ajax异步获取后台数据改写下拉框内容会有这种需求 ...

  3. 一周精彩内容分享(第 1 期):"世纪逼空大战"

    这里记录过去一周,我看到的值得分享的东西. 一方面是整理记录一下自己一周的学习,另一方面也是期待自己有更多的输出,有更多的价值. 周刊开源(Github:wmyskxz/weekly),欢迎提交 is ...

  4. CloudBase CMS + Next.js:轻松构建一个内容丰富的站点

    项目背景 试想一下,如果你现在要为你自己或者你所在的组织创建一个强内容的站点,同时要求好的 SEO(搜素引擎优化),比如博客,你会怎么做呢? 由 vite 或者 create-react-app 等脚 ...

  5. handlebars.js 用 <br>替换掉 内容的换行符

    handlebars.js 用 <br>替换掉 内容的换行符 JS: Handlebars.registerHelper('breaklines', function(text) { te ...

  6. js打印Iframe中的内容,并且不需要预览。

    js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript ...

  7. qrcode.js插件将你的内容转换成二维码格式

    ---qrcode.js插件将你的内容转换成二维码格式--- 我之前一直想知道二维码是怎么生成,所以就了解了一下, 最后还是不知道它的原理, 但是,我知道怎么生成. 现在就让我带你制作一个你喜爱的二维 ...

  8. Js使用word书签填充内容

    Js使用word书签填充内容 1.在模板文件中需要填充的地方插入书签 填充内容为:(|光标所在处) 填写书签名,点击添加完成: 2.使用js打开模板,获取书签位置,填充数据: function pri ...

  9. JS 阻止整个网页的内容被选中

    pretty-girl { -webkit-user-select: none; } 可是!可是!不是每个浏览器都可以不忧桑!!!那就只能请脚本大王出山了. 阻止选中 有时候,我们需要禁止用户选中一些 ...

  10. 为什么不能用 JS 获取剪贴板上的内容?

    为什么不能用 JS 获取剪贴板上的内容? 为什么不能用 JS 获取剪贴板上的内容? 发一串口令给朋友朋友复制这串口令,然后访问你的网站你在网站上用 JS 读取朋友剪贴板上的口令根据不同的口令,显示不同 ...

随机推荐

  1. WPF 用Clip属性实现蒙板特效

    原文:WPF 用Clip属性实现蒙板特效 上一篇,已简单介绍Clip属性的用法,这一篇用它来实现简单蒙板功能,很简单,直接上代码 <Window x:Class="擦除效果.MainW ...

  2. JAVA 加密方法

    1. RSA非对称加密 生成密钥对代码: //生成秘钥对 public static KeyPair getKeyPair() throws NoSuchAlgorithmException { Ke ...

  3. 在Docker中创建Mongo容器的后续设置

    后续设置包括设置数据库管理员账号密码.创建业务数据库以及设置账户密码 需要注意的是,在创建Mongo容器后,需要映射到本机 以管理员身份打开powershell 先切换到mongdo bash # ` ...

  4. vmware linux无法正常上网

    不知道自己怎么搞的整的vmware里面的fedora 12 不能正常上网,但是在宿主机上ping XXX,是正常的.当service network restart 的时候提示MAC有问题.网上百度了 ...

  5. jquery ready和window onload区别

    window onload是指标签加载完成,并且标签资源加载完成: jquery ready是指标签加载完成,标签资源可能未加载完成 $(document).ready(function(){});= ...

  6. 使用委托实现c#,窗体与窗体之间的传值

    主界面: Form1中的代码: namespace _06委托练习_窗体传值{    public partial class Form1 : Form    {        public Form ...

  7. Delphi 7下最小化到系统托盘(主要是WM_TRAYMSG和WM_SYSCOMMAND消息)

    在Delphi 7下要制作系统托盘,只能制作一个比较简单的系统托盘,因为ShellAPI文件定义的TNotifyIconData结构体是比较早的版本.定义如下: 123456789   _NOTIFY ...

  8. Win8 Metro(C#)数字图像处理--2.61哈哈镜效果

    原文:Win8 Metro(C#)数字图像处理--2.61哈哈镜效果  [函数名称] 哈哈镜效果函数  WriteableBitmap DistortingMirrorProcess(Writea ...

  9. win10 uwp ApplicationView

    原文:win10 uwp ApplicationView 本文和大家介绍一个重要的类,他可以用来设置窗口,如设置启动大小,设置是否允许截图,是否进入全屏,所有和窗口有关的,都可以在他这里设置. 可以使 ...

  10. QuickReport根据每行的内容长度动态调整DetailBand1的行高

    procedure TPosPubFactureRep.DetailBand1BeforePrint(Sender: TQRCustomBand; var PrintBand: Boolean); v ...