js 笔记

最新推荐文章于 2023-01-25 12:12:59 发布
最新推荐文章于 2023-01-25 12:12:59 发布
阅读量664 收藏
点赞数
分类专栏： 个人分享 文章标签： js javascript javascript基础

韩顺平JS第二讲

Javascript的基本介绍

    JS是用于WEB开发的脚本语言：

    脚本语言是什么：

    脚本语言不能独立使用，它和HTML/JSP/PHP/ASP.NET配合使用

    脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环）

    脚本语言实际上是解释性语言（即在执行时直接对源码进行执行）

    Java程序.java→.class→jvm   ,   js→浏览器（js引擎来解释执行）

    Js在客户端（浏览器）执行

20120204135744.jpg

    因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

 <script language="javascript">

 function test(){

window.alert("hello world!");

 }

 </script>

  <title> New Document </title>

 </head>

 <body>

  <input type="button" οnclick="test()" value="点击一下吧"/>

 </body>

</html>

案例：1

需求：打开网页后，显示hello ！

<html>

 <head>

 <!----js代码是放在head标签间,但实际上也可以放在别的位置-->

 <script language="javascript">

window.alert("hello!");

 </script>

  <title> New Document </title>

 </head>

 <body>

  <input type="button" οnclick="test()" value="点击一下吧"/>

 </body>

</html>

问题：

    js的位置可以随意放

    js必须使用   <script language="javascript">  代码</script>

    在一个html文件中（JSP/PHP/ASP.NET）可以出现多对（script）片段，浏览器会按照先后顺序一次执行

 

案例2:Hello world程序改进

    如何定义变量：

    如何运算：

<html>

 <head>

  <title> New Document </title>

 </head>

 <body>

 <!----js代码是放在head标签间,但实际上也可以放在别的位置-->

 <script language="javascript">

 //js中变量的定义（js中变量用var表示，无论什么类型）

 var num1=1;

 var num2=60;

 var result=num1+num2;

window.alert("结果是"+result);          //alert函数      window.alert表示弹出一个对话框

 </script>

 </body>

</html>

    Js的变量类型是怎样决定的20120204191541.jpg

1)         Js是弱数据类型语言，即：在定义变量侍候，统一使用var表示，甚至可以去点var这个关键字

2)         Js中的变量的数据是由js引擎决定的

Var name=”shunping”;     //name是字符串

Var kk=2     //kk是数字

Name=234;    //这事name自动变成数

    Js的命名规范（函数/变量）：

1)         使用大小写字母，数字，$可以命名

2)         不能以数字打头

3)         不能使用js保留字和关键字（即java里的关键字）

4)         区分大小写

5)         单行注释：//

6)         多行注释：/*…….*/

韩顺平JS第三讲

    Js的数据类型：

    基本数据类型

    数值类型

    字符串类型

    布尔类型

通过typeof可以看到变量的具体数据类型

  举例：

<html>

 <head>

  <title> New Document </title>

 <script language="javascript">

 var vi="abc";

 var v2=890;

 window.alert("v1是"+typeof  v1);

 window.alert("v2是"+typeof  v2);

vi=456;                             //体现js是动态语言：即数据类型可以任意变化

 window.alert("v1是"+typeof  v1);     //体现js是动态语言

 </script>

 </head>

 <body>

 </body>

</html>

    复合数据类型

    数组

    对象

    特殊数据类型

    Null       即：var=null

    Undefined

即：如下代码

<script language="javascript">

window.alert(tt );    //直接报错：未定义

var  tt;            //未给值

 </script>

 

    Js定义变量，初始化，赋值

    定义变量： 即var=a

    初始化：  即在定义变量时就给值

    赋值：    即：比如你先定义一个变量 var=tt ，然后再给值：tt=780；

 

    js数据类型转换：

    自动转换

例子：var=123;  //a是数值       a=”hello”   //a的类型是string

 

    强制转换

例子：字符串转换成数字

Var a="123”  ;  

a=parseInt(a);     //使用系统数强制转换

 

Var b=90  ;    //b是number

b=b+””,        //b就是string

  

    运算符

    +   — *  /  %

    %(取摸：即两个数相除的余数)     强调：取模主要用于整数之间取模

 

例子：编写一个程序，判断两个数是否能够整除

      <script language="javascript">

var a=90;

var b=8;

if(a%b==0){

window.alert("能整除");

}else{

window.alert("不能整除");

}

</script>

    ++， 运算符

a++   =  a=a+1

       a--   =  b=b-1

       ++a   表示先把自己加1再赋值

       --a    表示先把自己减1再赋值

例子：

Var a=56;

Var b=++a;       //b=++a等同于[a=a+1;b=a]     b=a++等同于[b=a;   a=a+1;]  

Window.alert(b);

Window.alert(a);

    --运算符

    Var a=56;

    Var b=++a;        //b=--a等同于[a=a-1;b=a]     b=a--等同于[b=a;   a=a-1;]  

    Window.alert(b);

    Window.alert(a);

 

 

JuBean
关注
专栏目录
JS基础学习（二）、JavaScript选择结构
m0_64460142的博客
04-18 709
1.JS运算符-逻辑运算符 逻辑运算符 &&(与号) 可以理解为都的意思，两者都要满足才为true，否则false ||(或号) 可以理解为或，其中一个满足就打印一个true，不满足则不显示 ! (取反) 取相反的值 列如： <script> var num1 = 5; //声明num1和赋值...
python基础之数据类型知识(1)
Gold_Master的博客
06-19 649
注释: 注解，解释，说明文字而已。 特征: 注释只是用于说明的文字不会影响内容本身。 作用: 1.用于添加说明文字，方便阅读 2.用于调试程序，排查错误 分类: 单行注释： # 多行注释： '''内容''' 或者 """内容""" 代码: print('hello world') print(123) print("你今年芳龄") 变量:变量就是可以改变的量 python的变量:和数...
js 一道网格路径的题
09-10 539
一个M乘N的网格，从（0,0）位置走到（m,n),只能向下或者向右走，有多少种走法 function main(num1, num2) { num1 = num1 + 1; num2 = num2 + 1; var result = new Array(num1); var num1_t = num1; while (num1_t--) {
JavaScript 基础（day02）
weixin_51341201的博客
08-05 154
练习 使用变量保存圆的半径, 常量保存圆周率, 计算圆的周长和面积 声明多组变量保存商品的单价和数量, 计算商品的总价 复习 开发环境 JS 引擎（JS解释器） 服务器端 NodeJs 浏览器 变量 var $a_1 = 2, b = 5; 常量 const PI = 3.14; 数据类型 //检测数据类型 typeof 数据分为两种类型 原始类型 1.1 数值型（Number） 整型 在内存中占用 4个字节 八进制特点 以 0 开头哦 十六进制 0X 开头 a ~ f 代表
js 3
dgn64458的博客
07-18 109
1、数据类型转换 1、隐式转换 函数：typeof(变量) 或 typeof 变量 与字符串做加法操作，最后会将其他数据转换为字符串 2、转换函数 1、toString() 2、parseI...
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
js笔记js笔记js笔记js笔记
最新发布
03-07
js笔记js笔记js笔记js笔记
李立超JavaScript基础篇笔记
02-02
JavaScript，简称JS，是由Brendan Eich在1995年创造的一种高级编程语言，最初目的是为了增强网页的交互性，特别是在前端进行表单验证。JavaScript不是Java的子集，两者之间没有直接关联。JS起初名为LiveScript，但在...
javascript笔记
04-20
javascript学习笔记，从actionScript转到前端开发，偏重于前端理论基础，供参考
javaScript笔记
08-15
自己整理的javaScript部分笔记，认为比较有用的。。。。。。。。。。。。。。。。。。。。
JavaScript学习总结【2】、JS基础
weixin_30386713的博客
11-15 186
1、JS 命名规范 　　命名规范是很有必要的，可增强代码的可读性，一眼就能看懂要表达的意思，规范就是符合规则，使代码有利于后期维护，也能很大程度的提高开发效率。一个正常的网站有很多 JS 代码，如果在编写的过程中，不遵循某种规则，那么写到后面自己都看不懂自己写的什么，这是很麻烦的一件事，所以要在平时的练习过程中，养成良好的编写代码的习惯。 　　一般都采用匈牙利命名法或者驼峰命名法。 　　匈牙...
前端面试题num1
weixin_43370067的博客
09-22 176
1、首页加载过慢怎么办 vue-cli npm run build命令默认同意打包依赖 可能是因为vendor.js过大，打包的时候把所有的第三方依赖都打包放进去了， 解决方法：使用externals引用第三方资源，防止element资源被打包到自己项目中 这里有解决方法 2、没有宽高的盒子怎么居中 <body> <div class="ided"> </div> </body> 方法1： 让未定义宽高的图片上下左右距离都为0.然..
JavaScript详解
热门推荐
weixin_48373085的博客
01-25 2万+
HTML对象，定时器，表单验证，正则表达式
什么是JavaScript？
a754334599的博客
12-29 1765
1、JavaScript 简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 脚本语言：不具备开发操作系统的能力，而是要配合其他应用程序来使用。js必须配合浏览器。 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 2
Js引擎
garyhu1的博客
06-13 858
js引擎是单线程执行的 js语言设计的一个很重要的点是,js是没有多线程的.js引擎的执行是单线程执行.这个特性曾经困扰我很久,我想不明白既然js是单线程的,那么是谁来为定时器计时的?是谁来发送ajax请求的?我陷入了一个盲区.即将js等同于浏览器.我们习惯了在浏览器里面执行代码,却忽略了浏览器本身.js引擎是单线程的,可是浏览器却可以是多线程的,js引擎只是浏览器的一个线程而已.定时器计时,网
JS游戏引擎大全
Thinking in Haxe - Rocks Wang的专栏
04-11 3085
最新版请见原文：https://gist.github.com/bebraw/768272 ================================================ IMPORTANT! Remember to check out the wiki page at https://github.com/bebraw/jswiki/wiki/Game-Engines fo
几种JS 引擎介绍（不同浏览器有不同的引擎）
weixin_30408739的博客
02-21 590
JS 各种引擎介绍 http://www.oschina.net/project/tag/296/javascript-engine 不同浏览器有不同的JS引擎： WebKit , Safari浏览器 ->SquirrelFish Extreme， Firefox àTraceMonk...
JS引擎工作机制描述（转载）
xiyoki的博客
03-05 954
javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念，而是通过一个简单的demo来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。
*js:;是什么意思？怎么用呢
西瓜的博客
11-17 1万+
1、执行一段 空白JAVASCRIPT语句 并且返回的也是空或者false值。就终止了，相当于return false; 2、把 javascript:; 加在超级链接上 就可以防止 链接跳转..从而 可以给 链接的 onclick 方法上 写 自己想执行的代码.. 例子 &lt;a href="javascript:;" onclick="javascript:alert('链接不要跳转...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值