东方a∨在线观看进入 视频_ -|五官郎├小金小学
淘宝减肥药排行榜十强
只推淘宝安全有效的减肥药

当前位置:东方a∨在线观看进入 视频 > 减肥产品

东方a∨在线观看进入 视频

时间:2020-07-11 12:51  编辑:皋兰邮政

东方a∨在线观看进入 视频

Java Script入门学习

1JavaScript入门

JavaScript介绍:

•是一种网页编程语言

•用于创建动态交互网页

•基于对象和事件驱动

•是解释型脚本语言

•使用简单,功能强大

JavaScript开发与运行环境:

•开发:

–普通的文本编辑器

•运行

–Web浏览器

–让浏览器支持java script运行

•在浏览器中选中工具,再点击Internet选项,打开Internet选项中的

安全页面,点击“该区域的安全级别”中的“自定义级别…”,然后

在设置框中找到“脚本”位置,让活动脚本设置为“启动”

•按上面的步骤同样打开Internet选项,然后打开其中的“高级”页面,

在“设置”中把如下两个选中:

1.1JavaScript语法

◆每行代码结尾可以不加分号

◆但是强烈建议每行代码结尾都要加分号,然后换行。

1.2JavaScript数据类型

数据类型:

◆基本类型

•数字

•字符串

•布尔值

◆特殊类型

•Null:空

•Undefined:未定义

◆组合类型

•Array:数组

•Object:对象

◆数字类型

•最基本的类型

•不区分整型和浮点型

•所有数字都是64位浮点格式存储,相当于double格式

◆String

•字符串

•‘\’为转义字符

•\”

•\’

•\n

•\

◆Boolean

•True:也代表1

•False:也代表0

◆数据类型强制转换

•转成整数:parseInt(“3.6”);

•转成浮点:parseFloat(“8”);

◆数据类型查询

•Typeof(“test”+3);

1.3JavaScript流程控制

◆流程控制

•+,-,*,/,%(求余数)

•++,--

•>,<,==,>=,<=,!=

•&&,||,!

◆条件判断-if

•If(1==i){

•}else if(2==i){

•}else{

•}

◆条件判断-switch

Switch(i){

Case1:

Y=y+1;

Break;

Case2:

Y=y+2;

Break;

default:

Y=y+1;

}

◆循环-for

•For(var I=0;I<10;I++){

–……

•}

◆循环-while

–While(9==i){

•……

–}

1.4JavaScript变量申明

Var I;

–无须申明类型

1.5JavaScript函数申明

由关键字function定义

无须指定返回值类型

•function count(int I){

–Var t=0;

–I=I+t;

–Return I;

•}

1.6JavaScript的对象

分类:

–内置对象

–浏览器对象

–ActiveX对象

–自定义对象

11种内置对象:

–Array

–String

–Date

–Math

–Boolean

–Number

–Function

–Global

–Error

–RegExp

–Object

2JavaScript–String对象 String建造:Var str=“Eric”;

String获取长度:Var str=“Eric”;

Var len=str.length;

String格式编排:

•Anchor():<a>……</a>

•Blink:<blink>……</blink>

•fixed::<tt>……</tt>

•Bold()

•Italics()

•Strike()

•Big()

•Small()

•Sub()

•Sup()

•<script type="text/javascript">

•var str="Tarena";

•var res=str.fixed();

•alert(res);

•</script>

2.1String大小写转换

•<script type="text/javascript">

•var str="Tarena";

•var res=str.fixed();

•alert(res);

•res=res.toLowerCase();

•alert(res);

•res=res.toUpperCase();

•alert(res);

•</script>

2.2String获取指定位置字符

•var res2=res.charAt(6);

•alert(res2);

2.3String获取字符位置

•var index=res.indexOf("T",5);

•alert(index);

•index=res.lastIndexOf("T");

•alert(index);

2.4String正则表达式

•var list=res.match(".*TA.*NA.*");

•for(var i=0;i<list.length;i++){

•alert(list[i]);

•}

•var s=res.search(".*TA.*NA.*");

•alert(s);

2.5String截取字符串

•s=res.substr(3,5);//一共截5位

•alert(s);

•s=res.substring(3,5);//截到第5位

•alert(s);

•s=res.slice(8,-5);//倒数截取

•alert(s);

•区别在哪里?

2.6String替换/分割/连接字符串

String替换字符串:

•s=res.replace("T","t");

•alert(s);

String分割字符串:

•str="This is a test";

•var sL=str.split("");

•for(var i=0;i<sL.length;i++){

•alert(sL[i]);

•}

String连接字符串:

•str="This is a test";

•s=str.concat("才怪!");

•alert(s);

3JavaScript数组

数组的创建:

var arr=new Array(8);

var arr2=[44,55,66];

数组的遍历:

•for(var i=0;i<arr.length;i++){

•arr[i]=i;

•}

数组的长度:arr.length

数组的值查询:alert(arr.toString()); 3.1数组的连接

•s=arr2.join("-");

•alert(s);

连接2:

•s=arr2.concat(77,88);

•alert(s);

3.2数组的排序

•var arr2=[44,55,66,33,22,88];•alert(arr2.toString());

•arr2.sort();

•alert(arr2.toString());

3.3数组的反转

•arr2=[44,55,66,33,22,88];

•alert(arr2.toString());

•arr2.reverse();

•alert(arr2.toString());

3.4数组的截取

•var arrChild=arr2.slice(3,5);

•alert(arrChild.toString());

3.5数组的堆栈操作(末端)

•arr2.push([99]);

•alert(arr2.toString());

•arr2.pop();

•alert(arr2.toString());

3.6数组的堆栈操作(首端)

•arr2.unshift([99]);

•alert(arr2.toString());

•arr2.shift();

•alert(arr2.toString());

4JavaScript例子

4.1注册验证

<script type="text/javascript">

function validate(){

var userName=f.userName.value;

if(0==userName.length){

alert('用户名不能为空,请重新输入!');

return;

}

var userPassword=f.userPassword.value;

if(0==userPassword.length){

alert('密码不能为空,请重新输入!');

return;

}

var userPassword2=f.userPassword2.value;

if(userPassword2!=userPassword){

alert('密码不一致,请重新输入!');

return;

}

f.submit();

}

</script>

4.2修改信息验证

function edit(userId,userName,userPassword){ ef.userId.value=userId;

ef.userName.value=userName;

ef.userPassword.value=userPassword;

ef.submit();

}

4.3获取复选框信息

function validate(){

for(var i=0;i<document.getElementsByName("idList").length; i++){

var checked=

document.getElementsByName("idList")[i].checked;

if(true==checked){

f.submit();

return;

}

}

alert("请选中至少一条数据,再进行此操作!");

}

5JavaScript实例

5.1变色表格示例

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01Transitional//EN">

<html>

<head>

<title>变色表格示例</title>

<script language="javascript">

function changeColor(row)

{

document.getElementById(row).style.backgroundColor='#CCCCF F';

}

function resetColor(row)

{

document.getElementById(row).style.backgroundColor='';

}

</script>

</head>

<body>

<table cellspacing="1"cellpadding="1"> <tr>

<th>学校</th>

<th>专业</th>

<th>人数</th>

</tr>

<tr align="center"

onMouseOver="changeColor('row1')"onMouseOut="resetColor('row1')"> <td>北大</td>

<td>法律</td>

<td>2000</td>

</tr>

<tr align="center"

onMouseOver="changeColor('row2')"onMouseOut="resetColor('row2')"> <td>清华</td>

<td>计算机</td>

<td>5000</td>

</tr>

<tr align="center"

onMouseOver="changeColor('row3')"onMouseOut="resetColor('row3')"> <td>人大</td>

<td>经济</td>

<td>6000</td>

</tr>

</table>

</body>

</html>

5.2动态生成HTML页面

<html>

<head>

<title>动态生成HTML页面</title>

<script type="text/javascript">

function create(){

var content="<html><head><title>动态生成的HTML文档

</title></head>";

content+="<body><font size='2'><b>这个文档的内容是利用document对象动态生成的</b></font>";

content+="</body></html>";

var newWindow=window.open();

newWindow.document.write(content);

newWindow.document.close();

}

</script>

</head>

<body>

<form>

<input type="button"value="创建HTML文档"onclick="create()"> </form>

</body>

</html>

5.3设置鼠标样式

<html>

<head>

<title>设置鼠标样式</title>

</head>

<body>

<div >

<span >手形状</span><br>

<span >移动</span><br>

<span >反方向</span><br>

<span >等待</span><br>

<span >求助</span><br>

<span >文本</span><br>

<span >十字</span><br>

<span >箭头朝下</span>

</div>

</body>

</html>

5.4三种常用的对话框

<html>

<head>

<title>三种常用的对话框</title>

<script type="text/javascript">

fu nction al ertDialog(){

al ert("您成功执行了这个操作。");

}

function co nfirmDialog(){

if(w indow.confirm("您确认要进行这个操作吗?"))

alert("您选择了确定!");

el se

al ert("您选择了取消");

}

function promptDialog(){

var input=window.prompt("请输入内容:");

if(input!=null)

{

window.alert("您输入的内容为"+input);

}

}

</script>

</head>

<body>

<form>

<input type="button"value="警告对话框"

onclick="alertDialog()">

<input type="button"value="确认对话框"

onclick="confirmDialog()">

<input type="button"value="输入对话框"

onclick="promptDialog()">

</form>

</body>

</html>

5.5字体、颜色、背景属性设置示例

<html>

<head>

<title>字体、颜色、背景属性设置示例</title>

</head>

<body>

<div align="left">字体属性设置:</div>

<span content_txt'>圆;font-style:italic;font-weight:bold;font-size:10pt;">幼圆、斜体、黑体、10pt</span><br>

<span >隶书、黑体、

16pt</span><br>

<div align="left">颜色、背景属性设置:</div>

<span >前景红色、背景黄色</span><br>

<span

hand.gif');background-repeat:no-repeat;" >图片背景、不重复</span><br>

</body>

</html>

5.6下拉菜单示例

<html>

<head>

<title>下拉菜单示例</title>

<script language="javascript">

//当鼠标移到菜单选项的时候显示对应的DIV

function show(menu)

{

document.getElementById(menu).style.visibility="visible";

}

//当鼠标移出的时候隐藏所有的DIV

function hide()

{

document.getElementById("menu1").style.visibility="hidden";

document.getElementById("menu2").style.visibility="hidden";

document.getElementById("menu3").style.visibility="hidden";

}

</script>

</head>

<body>

<table>

<tr bgcolor="#9999FF">

<td onMouseMove="show('menu1')" onMouseOut="hide()">菜单一</td>

<td onMouseMove="show('menu2')" onMouseOut="hide()">菜单二</td>

<td onMouseMove="show('menu3')" onMouseOut="hide()">菜单三</td>

</tr>

</table>

<div onMouseMove="show('menu1')"onMouseOut="hide()" >

<span>子菜单一</span><br>

<span>子菜单二</span><br>

<span>子菜单三</span><br>

</div>

<div onMouseMove="show('menu2')"onMouseOut="hide()" >

<span>子菜单一</span><br>

<span>子菜单二</span><br>

<span>子菜单三</span><br>

</div>

<div onMouseMove="show('menu3')"onMouseOut="hide()" >

<span>子菜单一</span><br>

<span>子菜单二</span><br>

<span>子菜单三</span><br>

</div>

</body>

</html>

5.7窗体的创建和关闭示例

<html>

<head>

<title>窗体的创建和关闭示例</title>

<script type="text/javascript">

va r wi n;

fu nction cr eateWin(){

wi n=window.open("","","w idth=300,);

}

function cl oseWin(){

if(w in){

wi n.close();

}

}

</script>

</head>

<body>

<form>

<input type="button"value="创建新窗口"onclick="createWin()">

<input type="button"value="关闭新窗口"onclick="closeWin()"> </form>

</body>

</html>

猜你喜欢

最安全有效的减肥药

最安全有效的减肥药

编辑:小徐

现在的减肥药真的是真假难分,在选择减肥药的同时也应该更加小心,减肥药多种多样,那么如何才能选择最安全有效的减肥药,也成了很多小仙女的内心疑问,下面就跟着东方a∨在线观看进入 视频小编一起看一下,如何选择最安全有效的减肥药。 最安全有效的减肥药选购方法 1、首先需要观察产品的外包装,在包装中可以看到其配方是不是含有激素,含有激素的减肥药对身体的内..

吃减肥药失眠

吃减肥药失眠

编辑:小徐

随着现在流行以瘦为美,很多人会不顾身体的健康选择减肥药,达到快速减肥瘦身的效果,但是很多减肥药都是有副作用的,副作用比较轻的就是失眠现象,那么吃减肥药出现失眠是怎么回事儿?如果出现失眠后,我们应该怎样缓解? 吃减肥药失眠是怎么回事 减肥药中富含安非他命,所以减肥药服用了太多会有失眠现象,服用减肥药期间,身体会逐渐出现抗药性,身..

最新文章