JS基本语法

 

1.学习javascript的目的?

A.增强网页的动态效果。

B.改变网页中的元素(能够直接对网页中的元素进行操作)。

C.加强同后台的数据交互。页面的数据验证。

2.JS在web开发中的作用?

JS是写在页面中的。

JS的运行环境:

1)是通过浏览器解释并执行的,解释型语言。(java是通过javac来进行执行的)

2)运行js代码,直接可以通过浏览器。

3.JS代码的编写?

1)网页中引入js代码?

通过在网页任意地方加入<script> </script>标记。就是告诉浏览器,这个标记里的内容是脚本语言。

<script type="text/javascript" >

document.write(“helloworld”);

</script>

2)直接通过页面元素引入

<a href="javascript:alert('单击了我');">点我试试看</a>

3)单独的js文件(开发的时候推荐采用js形成单独的文件)

<script src="js/first.js"></script>

4.JS的数据类型?

js是一门弱类型的语言。

a.数值类型:

表示数字的。

b.boolean类型

表示true或false

c.字符串型:

表示字符串,双引号或者单引号都可以的。

d.日期类型。数组类型……

变量定义的语法:

var a=12;//a就是变量名

注意的问题:

1)变量定义的时候,一定要赋值,如果不赋值,就是特殊的类型:undefined类型。

5.数据类型之间的转换。

1)其它数据类型转换为number类型:

//类型之间的相互转换问题

var a="123abc";

//需要把字符串转换为number类型

var b= parseInt(a);

document.write(b);

如果转换出错,那么就会出现一个NaN(Not a number)。比如以下转换就会得到NaN类型:

//类型之间的相互转换问题

var a="ef123abc";

//需要把字符串转换为number类型

var b= parseInt(a);

document.write(b);

2)其它类型转换为字符串型。

//类型之间的相互转换问题

var a=123;

//需要把字符串转换为string类型

var b= a.toString();

另外一种转换成字符串的方式:

//类型之间的相互转换问题

var a=123;

//需要把字符串转换为string类型

var b= a+"";

6.在使用js的时候,同浏览器的交互。

1)弹出消息框的交互:

window.alert("hello,world");

2)确认框?

window.confirm("确定要删除这条消息吗?");

3)用户输入框?

window.prompt("请输入你想输入的心愿");

7.流程控制语句

1)选择语句。

if(逻辑表达式)…else

var s = window.prompt("请输入年龄");

s=parseInt(s);

if(s>=18){

document.write("成年人");

}else{

document.write("未成年人");

}

switch…case语句

var season = window.prompt("请输入季节");

switch(season){

case "一":

document.write("春季");

break;

case "二":

document.write("夏季");

break;

default :

break;

}

2)循环语句

for循环。

for(var i=1;i<=10;i++){

var num =i*10+"px";

document.write("<hr width='"+num+"'/>");

}

注意:不要同java的for循环中的变量的定义方式搞错。

8.JavaScript中的函数的定义。(方法)

1)具备返回值的方法,方法定义的时候,参数是形参。

function add(a, b){

return a+b;

}

其中,a和b是形参。

2)没有返回值的方法:

function out(str){

alert("输出的数据:"+str);

}

网页中的元素同JavaScript中的函数的关联:

<input onclick="out('hello');" type="button" value="方法1"/>

JS-基础2的更多相关文章

  1. js 基础篇(点击事件轮播图的实现)

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  2. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  3. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  4. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  5. JS基础(超级简单)

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  6. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

  7. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  8. JS基础知识总结

      js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...

  9. js基础篇——call/apply、arguments、undefined/null

    a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...

  10. js基础知识总结(2016.11.1)

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

随机推荐

  1. websocket基本概念

    (1)websocket 协议 与 http协议 websocket 协议,双工通道 socket连接不断开 http 协议 ,只能请求响应 (用户主动获取) socket连接断开 都是基于socke ...

  2. SQL Server里查询表结构命令

    现提供两条命令查询表结构: 1.sp_help table_name;           如: [sql] sp_help Student;     2.sp_columns table_name; ...

  3. three.js入门——先跑个旋转的正方体

    WebGl中文网看了几篇教程,又百度了几篇文章,顿时感觉手痒,打开编辑器,写个demo玩玩. demo是写在vue项目中的,所以首先: npm install three --save; npm in ...

  4. 我也说说Emacs吧(1) - Emacs和Vi我们都学

    好友幻神的<Emacs之魂>正在火热连载中,群里人起哄要给他捧捧场. 作为一个学习Emacs屡败屡战的用户,这个场还是值得捧一下的.至少我是买了HHKB键盘的... 从我的键盘说起 - 有 ...

  5. HAWQ + MADlib 玩转数据挖掘之(一)——安装

    一.MADlib简介 MADlib是Pivotal公司与伯克利大学合作的一个开源机器学习库,提供了精确的数据并行实现.统计和机器学习方法对结构化和非结构化数据进行分析,主要目的是扩展数据库的分析能力, ...

  6. angularjs 定时器 销毁

    angular.module('app', []) .controller('ItemController', function($scope, $interval) { // store the i ...

  7. [Math]Pi(1)

    数学知识忘地太快,在博客记录一下pi的生成. 100 Decimal places 3.14159265358979323846264338327950288419716939937510582097 ...

  8. Codeforces 815C. Karen and Supermarket【树形DP】

    LINK 思路 首先发现依赖关系是一个树形的结构 然后因为直接算花多少钱来统计贡献不是很好 因为数组开不下 那就可以算一个子树里面选多少个的最小代价就可以了 注意统计贡献的时候用优惠券的答案只能在1号 ...

  9. 20179223《Linux内核原理与分析》第三周学习笔记

    测试3的实验: 1. 用gcc -g编译vi输入的代码 2. 在main函数中设置一个行断点 3. 在main函数增加一个空循环,循环次数为自己学号后4位,设置一个约为学号一半的条件断点 4. 提交调 ...

  10. 语义耦合(Semantic Coupling)

    跟小伙伴一起重构一段 UI,试图将用户界面和业务代码分离的时候,小伙伴试图在业务代码中直接调用 UI.我们当然都知道这会产生耦合,于是小伙伴试图定义一些属性.变量或接口来解决这个耦合.虽然在代码的静态 ...