码迷,mamicode.com
首页 > 编程语言 > 详细

java script DOM操作

时间:2017-03-29 17:28:24      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:array   rom   地址   结构体   成绩   cli   ack   images   宽高   

---恢复内容开始---

一。javascript功能:

1.进行数据运算

2.控制浏览器功能

3.控制元素的属性、样式、内容

 

二。javascript书写位置

1.可以写在HTML文件的任意位置,书写前加上:

<script type="text/javascript">

js脚本语言位置

</script>

2.可以创建一个以JS为后缀结尾的js文件,然后引用到HTML里面

 

三。三个常用的对话框

1.警告对话框    alert(“警告内容”);

技术分享

2.选择对话框            confirm("选择内容");       确定:true         取消:false

技术分享

3.输入对话框        prompt("提示内容","预先输入的内容");

技术分享

 

四。定义变量

js中基本数据类型有:字符串,小数,整数,时间日期,布尔型等

定义变量是统一用var来定义,var在js中是唯一可以定义变量的。

定义字符串:var a="ahaa";

定义小数: var a=5.5;

定义整数:var a=5;

定义时间日期: var a =new Date(1990,09,09);

技术分享

定义布尔型:

技术分享

 

五。类型转换

1,其它类型转换为整数:   parseInt("内容");            能转化数字返回数字,不能转化数字返回NaN。

技术分享

技术分享

2,其它类型转化为小数:  parseFloat("内容");         能转化小数就转化,不能转化返回NaN

判断是否是数字: isNaN("内容");           是数字返回False,不是数字返回True。

技术分享

技术分享

 

六,js与C#的联系

js与C#拥有同样的运算符,if语句,for循环,数组(C#有集合,结构体,js只有数组),函数

1,数组的应用(输入学生成绩,求最高分成绩)

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8 </body>
 9 </html>
10 <script type="text/javascript">
11     var arrall = new Array();
12 
13     for (var i = 0; i < 3; i++) {
14         var arr = new Array();
15         arr[0] = prompt((i + 1) + "请输入姓名:");
16         arr[1] = prompt((i + 1) + "请输入性别:");
17         arr[2] = prompt((i + 1) + "请输入年龄:");
18         arr[3] = prompt((i + 1) + "请输入成绩:");
19 
20         arrall[i] = arr;
21     }
22 
23     for (var i = 0; i < arrall.length; i++) {
24         for (var j = i + 1; j < arrall.length; j++) {
25             if (arrall[i][3] < arrall[j][3]) {
26                 var zhong = arrall[i];
27                 arrall[i] = arrall[j];
28                 arrall[j] = zhong;
29             }
30         }
31     }
32 
33     alert(‘姓名:‘ + arrall[0][0] + ‘,性别:‘ + arrall[0][1] + ‘,年龄:‘ + arrall[0][2] + ‘,成绩:‘ + arrall[0][3] + ‘,第一名!‘);
34 
35 </script>

2,函数应用

function 函数名

{函数体}

调用: 函数名();

 

七,DOM

1.DOM:把浏览器内的内容当成事件操作。

2.点击事件:

document.getElementById(html按钮的id); 按钮id.onclick = function ()
{ dom内容 }

3.   1window.open(); 打开窗口

技术分享

点击触发事件:打开一个新的窗口,窗口的宽高都是100,距离左侧600,顶部600,打开的网站是百度。

定义:window.open("地址","_black打开一个新的窗口/_self在自身打开","宽度,高度,距离左侧顶部距离")

3.2   window.close();关闭当前窗口(只关闭一个页面)

3.3   window.opener();打开当前页面的打开者(谁打开的我,我就打开谁)

3.4   window.opener.close(); 关闭当前页面的打开着(谁打开的我,我就关闭谁)

3.5   一次关闭多个相同的页面

 

java script DOM操作

标签:array   rom   地址   结构体   成绩   cli   ack   images   宽高   

原文地址:http://www.cnblogs.com/zhangxin4477/p/6640700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!