2016/2/21 JavaScript简介
1,javaScript 是什么?
是脚本语言,需要有宿主文件,它的宿主文件是HTML文件。
2,它与Java什么关系?
没有什么直接的关系,Java是Sun公司(被Oracle收购了),
netspace(网景公司,美国在线收购),JScript是微软的,
与Java相似度90%,但一些功能只在IE上使用。
3,它的用法:
在HTML中位置有三块:
①head里面 ②body里面 ③</html>之后
为了保险起见,一般写在</html>之后。
<script.language="javascript">代码必须放在这里面</script>
4,三个常用对话框:
①alert(“”)警告对话框,作用是弹出一个警告对话框。
②confirm(“”)确定对话框,作用是弹出一个可供选择的确定对话框,点 击确定之后,它返回ture,点击取消返回false,可以用变量来接收。
③prompt(“要显示的提示文字”),作用是弹出一个可以输入内容的对话 框。
二、JavaScript语法
1,基本数据类型
字符串、小数、整数、日期时间、布尔型等。
2,变量:
都是通用型var,可以随便存储其他类型的值,可以直接使用,不用定义。但习惯定义。
定义变量:var a; //所有变量定义都用var定义,var是通用的可变类型。
var s=“3.14”; var n=parseFloat(s);s+=5;
var d=parseInt(s);
3,数组:
数组的定义:new Array();//它的长度是动态变化的,里面可以放任意类型的元素。
数组元素的赋值:a[0]=123; a[1]="hello";//元素中个索引从0开始。
数组的取值:a[i];
数组的属性:a.length; //zz数组元素的个数,长度。
方法:a.sort();//数组排序,按照每一个元素的第一个字符进行排序。 a.reverse();//翻转数组。
4,函数:
函数的四要素:名称、输入、返回值、加工。
定义的函数:function add(参数){函数体}//函数名为add,输入为参数的形式,返回值可以是var类型,也可以return一个返回值。
函数必须经过调用才能执行。函数的调用:add(实参)。
*放在头部也可以读取(最先读取头部)
表单提交时会自动刷新网页,最好关掉
写法:
1、输出
<script>
document.write("hello world");
</script>
2,按钮运用
<input name="alert" value="alert" type="button" onclick='alert'("这是出发事件")/>
3,定义变量并输出
var bianliang;
bianliang=“123”;
document.write(bianliang);
4、改变元素的属性
<p id="hello">hello</p>
<script>
function hello()
{
x=document.getElementById(“hello”)
x.style.color="#ff0000";
}
</script>
<input type="button" value="点击变颜色" onclick=“hello()”/>
<!--点击由黑色变红色-->
5、item索引,指示第n个出现的元素,与getElementsByName同时使用
定义一组变量
var student={
name:“张三”
sex:“男”
};
student.name="张三";
doucument.write(student.name);
(表示打印张三)
<script src=""></script>
1,类型转换:
分为自动转换和强制转换,一般用强制转换。
其他类型转换为整数:parseint();
其他类型转换为小数:parsefloat();
判断是否是一个合法的数字类型:isNaN();
是数字的话返回false,不是数字的话返回ture。
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<p id="p">今天天气不错</p><input name="" type="button" value="点击使文字消失" onclick="visible()" /><input name="" type="button" value="点击使文字显示" onclick="visible1()" />
</body>
</html>
<script type="text/javascript">
var aa= prompt("请输入一个正整数","例如5");
if(aa!=null && aa!="")
{
var b = isNaN(aa);
alert(b)
}
function visible()
{
var a =document.getElementById("p");
a.style.visibility="hidden";
}
function visible1()
{
var a =document.getElementById("p");
a.style.visibility="visible";
}
</script>
prompt("请输入数字",“只能是数字”);
需要将prompt放进isNaN方法内
2.运算符:
数学运算符:+-*/%++--;
关系运算:== != >= <= ><;
逻辑运算符;&& || !;
其他运算符:+= -= *= /= %= ? :
3,语句:
一般分为顺序、分支和循环语句。
(1)分支语句if:
if(判断条件)
{
满足条件要执行的语句
}
else
{
不满足条件时执行的语句
}
(2)循环for语句:
for(初始条件;循环条件;状态改变)
{
循环体
}
(三)问题类型:穷举、迭代。
(四)两个关键词:break和continue。
(五)如果要输出某一参数的值:输出的值是“+a+”和“+b”
<script>function visiblel()
{
$("p").hide(); // 有问题
$(function(){ /*code here*/ }) 这种写法是jQuery中常见的,$其实就是jQuery的一个引用,作用和jQuery(function(){ /*code here*/ }) 一个含义。
只有引用jquery $符才真正有作用
};</script></head><body><input type="button" onclick="visible1()"
value="点这里让文字消失"/><p>我会消失</p>
$("id1")相当于document.getElementById("id1")(文件.得到元素通过id)
1,DOM的基本概念
DOM是文档对象模型,这种模型为树模型; 文档是指标签文档;对象是指文档 中每个元素;模型是指抽象化的东西。
2,Windows对象操作
一,属性和方法:
属性(值或者子对象):
opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null。
dialogArgument:对话框返回值。
子对象:history location status menubar toolbar等
方法(函数):事件(事先设置好的程度,被触发)。
二、Window.open("第一部分",“第二部分”,“第三部分”,“第四部分”)
Window.open的特征参数:
name 像分组
jquery 动画特效
onmouseover 放上时 变亮 点击那张 滚到最中间
css样式
圆盾
1 prompt 要加条件if &&
2 $
3wschool 自学自查
2016/2/21 JavaScript简介的更多相关文章
- 2016.8.21 JavaScript 入门
1.JavaScript的数据类型: ①undefined ②null ③boolean ④string ⑤symbol ⑥number, object 2.在JavaScript中所有的变量和 ...
- 《JavaScript高级程序设计(第3版)》阅读总结记录第一章之JavaScript简介
前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...
- FeWeb基础之JavaScript简介
FeWeb基础之JavaScript简介 1.JavaScript的基本介绍 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是通过嵌入或调入在标准的HTML语言中实现的.Ja ...
- JavaScript简介及示例
JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛 ...
- FFMpeg ver 20160219-git-98a0053 滤镜中英文对照 2016.02.21 by 1CM
FFMpeg ver 20160219-git-98a0053 滤镜中英文对照 2016.02.21 by 1CM T.. = Timeline support 支持时间轴 .S. = Slice t ...
- HTML JavaScript简介
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- javascript简介和基本语法
javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript ...
- ”耐撕“团队 2016.3.21 站立会议3 2 1 GO!
”耐撕“团队 2016.3.21 站立会议 时间:2016.3.21 ① 17:20-17:45 ②17:55-18:10 总计40分钟 成员: Z 郑蕊 * 组长 (博客:http://www ...
- JavaScript简介、语法
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
随机推荐
- xingo的demo部署
1)安装go 2)安装git xingo默认使用google protobuf来进行序列化和反序列化操作,所以需要安装 go get github.com/golang/protobuf/proto ...
- 06网络通信udp-tcp、正则
一. udp网络程序 1. udp网络程序-发送数据 1)创建客户端套接字 2)发送/接收数据 3)关闭套接字 from socket import * # 1. 创建udp套接字 udp_so ...
- 2018湖南省第14届大学生计算机程序设计竞赛 A字符画
Description 读入 w,请输出 2018 的字符画,两个数字之间有 w 个空格.具体格式请参考样例输出. 1 ≤ w ≤ 2018 Input 输入文件只包含 1 个整数 w. Output ...
- mybatis中<![CDATA[]]>的作用
此篇文章引自QH_JAVA的文章 在使用mybatis 时我们sql是写在xml 映射文件中,如果写的sql中有一些特殊的字符的话,在解析xml文件的时候会被转义,但我们不希望他被转义,所以我们要使用 ...
- 安装Vmware Tools出现错误
安装Vmware Tools出现: Before you can compile modules, you need to have the following installed... makegc ...
- SAX解析XML-例子
1.要解析的xml <?xml version="1.0" encoding="UTF-8"?> <employees> <emp ...
- 爬虫框架urllib 之(二) --- urllib基础
urllib 官方文档:https://docs.python.org/zh-cn/3/library/urllib.html urllib介绍 Urllib是python内置的HTTP请求库,是py ...
- LeetCode 188. Best Time to Buy and Sell Stock IV (stock problem)
Say you have an array for which the ith element is the price of a given stock on day i. Design an al ...
- codevs3285 转圈游戏
题目描述 Description n 个小伙伴(编号从 0 到 n-1)围坐一圈玩游戏.按照顺时针方向给 n 个位置编号,从0 到 n-1.最初,第 0 号小伙伴在第 0 号位置,第 1 号小伙伴在第 ...
- 在windows下安装Django
2013-07-24 21:23:30| 1.安装Python 我安装的是Python(x,y)-2.7.5.0,安装目录在C盘.安装成功后如下图所示. 2.安装Django 从https://w ...