java script DOM操作

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

一。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   一次关闭多个相同的页面

时间: 2024-10-12 21:29:58

java script DOM操作的相关文章

java script DOM BOM

onclick        当用户点击某个对象时调用的事件句柄.ondblclick     当用户双击某个对象时调用的事件句柄. onfocus        元素获得焦点.               // 练习:输入框onblur         元素失去焦点.               应用场景:用于表单验证,用户离开某个输入框时,代表已经输入完了,我们可以对它进行验证.onchange       域的内容被改变.             应用场景:通常用于表单元素,当元素内容被改

JavaScript学习 - 基础(六) - DOM操作

DOM:DOM定义了访问HTML 和XML 文档的标准:1.核心DOM 针对结构化文档的标准模型2.XMK DOM 针对XML文档的标准模型3.HTML DOM 针对HTML文档的标准模型 DOM节点:整个文档是一个文档节点(document对象)每个html元素是元素节点(element对象)html元素内的文本是文本节点(text对象)每个html属性是属性节点(arrtibute对象)注释是注释节点(comment对象) <div id="XX">XX <div

Java Script基础(七) HTML DOM模型

一.HTML DOM. HTML DOM的特性和方法是专门针对HTML的,HTML中的每个节点都是一个对象,通过访问属性和方法的方式,让一些DOM操作更加简便,在HTML DOM中有专门用来处理白哦个及其元素的属性和方法. HTML DOM参考手册 下面以Table为例来讲解HTML DOM动态操作表格. 1.Table对象(表格) 在HTML DOM中, table对象代表一个HTML表格,TableRow对象代表HTML表格的行,tableCell对象代表HTML表格的单元格.在HTML中可

10张思维导图带你学习Java?Script

10张思维导图带你学习Java?Script 下面将po出10张JavaScript相关的思维导图. 分别归类为: JavaScript变量 JavaScript运算符 JavaScript数组 JavaScript流程语句 JavaScript字符串函数 JavaScript函数基础 JavaScript基础DOM操作 DOM文档对象模型    BOM浏览器对象模型 JavaScript正则表达式 能够认真看完就是一次对javascript的回顾与提升,可以很好的检验基础. JavaScrip

Java Script 基础一

什么是java script 如何编写,调试js ***变量 ***数据类型 一.什么是java script HTML:专门编写网页内容的语言,构建整体框架. CSS:专门美化网页样式的语言,具有"装修功能". JS:专门编写交互的程序语言 交互:用户操作,程序处理用户的操作,返回处理结果 如何运行: 浏览器:内容排版引擎   js解释引擎 内容排版引擎:专门解析HTML和渲染CSS的软件 JS解析引擎:专门解释,并执行js程序的软件 什么是解释和脚本? 解释:默认从上向下,读一行,

jQuery DOM操作-查询、创建、插入元素

DOM操作分类: DOM Core-处理任何一种使用标记语言编写出来的文档. DOM HTML-提供简明的记号来描述HTML元素及属性. DOM CSS-针对CSS的操作,主要用于获取和设置style对象的各种属性. 初始页面代码: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2 <!DOCTYP

HTML5移动开发之路(36)——jQuery中的DOM操作

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(36)--jQuery中的DOM操作 1.查询 利用选择器查找节点 使用 html() / text() / attr() 输出节点文本和属性值. 注意:下拉列表使用 val() [html] view plain copy print? <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery

Java Script 编码规范

Java Script 编码规范 以下文档大多来自: Google JavaScript 编码规范指南 Idiomatic 风格 参考规范 ECMAScript 5.1 注解版 EcmaScript 语言规范, 5.1 版 基本原则: 无论有多少人在维护,所有在代码仓库中的代码理应看起来像同一个人写的. 前言 下面的章节描述的是一个 合理 的现代 JavaScript 开发风格指南,并非硬性规定.其想送出的核心理念是高度统一的代码风格(the law of code style consiste

zBase --轻量级DOM操作库

项目地址:ZengTianShengZ-github zBase-1.2.0 --v3 修复部分bug,添加AMD规范测试 zBase-1.1.0 --v2 对 v1 版本做了升级,优化DOM查找,简化API,提高代码可读性,支持模块化 支持 AMD & CommonJS zBase-1.0.0 --v1 没有任何依赖 轻量级的Dom操作库,封装一些常用的css选择器和事件操作等 Quick start $ npm install $ gulp scripts 使用npm安装 zBase: $