JS-基础2
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的更多相关文章
- js 基础篇(点击事件轮播图的实现)
轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...
- js 基础
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...
- js基础练习二之简易日历
今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- JS基础(超级简单)
1 JS基础(超级简单) 1.1 数据类型 1.1.1 基本类型: 1) Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2) ...
- Node.js基础与实战
Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...
- js基础到精通全面教程--JS教程
适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...
- JS基础知识总结
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...
- js基础篇——call/apply、arguments、undefined/null
a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...
- js基础知识总结(2016.11.1)
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...
随机推荐
- phpstorm、webstorm配置less编译器
1. node.js 安装包 https://nodejs.org/en/download/ 1) 安装js解析器node.js.直接下一步就ok了. 2) 将npm压缩包解压,找到里面的les ...
- Windows下使用CMake进阶
目录 回顾代码工程中有什么 将需要的东西在cmake脚本CMakeLists.txt中申明 一键型编译 使用nmake 使用msbuild 实现一键编译 参考 在CMake入门实践一文中,我们初略的介 ...
- Ubuntu连接手机步骤
第一次使用adb之前,需要在home/.android里新建adb_usb.ini文件:0x1782. 注:adb已在安装系统后装好,手机要处于开机状态 查看设备命令: $ adb devices 正 ...
- matlab linux的安装(第二次)
1 挂载 2 下载jdk,matlab里面那个不行,缺点东西 3 安装 ./install *** 4 激活,非在线 5 license.lic路径在百度云中有 6 运行路径在你安装过程中的选的路径, ...
- Qt 5.8 移植编译、测试
/****************************************************************************** * Qt 5.8 移植编译.测试 * 说 ...
- Linux shell multifile content replace with sed
#!/bin/bash # Linux shell multifile content replace with sed # 声明: # 本源代码主要是利用两份(中.英文)具有相同键值对的json数据 ...
- Git详解之六 Git工具
以下内容转载自:http://www.open-open.com/lib/view/open1328070367499.html Git 工具 现在,你已经学习了管理或者维护 Git 仓库,实现代码控 ...
- c语言符号常量与常变量的区别?
<blockquote>定义符号常量:#define PI 3.1415926 //注意后面没有分号 定义常变量 :const float PI=3.1415 ...
- js helper(hsv/hsb转rgb颜色,uuid,金额小写转大写)
hsv/hsb转rgb颜色 //h:[0,360],s:[0,100],v:[0,100] //return r:[0,256], g:[0,256],b:[0,256] function hsvto ...
- bootstrap+Ajax+SSM(maven搭建)表单增删改查
前后端分离,前端利用ajax调用后端API接收json数据,进行表单的增删改查 软件架构 IDE:IDEA 数据库:mysql jdk:1.8 tomcat:9 后端:springmvc,mybati ...