Java 之 JavaScript (二)
1.DOM
a.作用:通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素
b.功能:
①JavaScript 能够改变页面中的所有 HTML 元素
②JavaScript 能够改变页面中的所有 HTML 属性
③JavaScript 能够改变页面中的所有 CSS 样式
④JavaScript 能够对页面中的所有事件做出反应
2.获取与更改
a.获取元素:
var x=document.getElementById("intro"); //通过id获取元素 var x=document.getElementByName("gender"); //通过name获取元素 var x=document.getElementsByClassName("test1"); //通过 类名 获取元素 var x=document.getElementsByTagName("input"); //通过 标签名 获取元素
b.获取与改变属性:
var userName=document.getElementById("userName"); //方法一 .属性
userName.style.display = "block"; //方法二 get/setAttribute()
userName.getAttribute("value");
userName.setAttribute("value","test"); //特殊方法——修改文本 .innerTest
document.getElementById("id").innerTest= "hello word"; //特殊方法——修改HTML语句 .innerHTML
document.getElementById("id").innerHTML= "<option>四川</option>";
注:在IE9之前的版本中, .innerHTML不能在<option>及<table>中的<tr>、<td>中使用
3.事件绑定
a.传统方法
var userName=document.getElementById("userName"); userName.onclick=function(){
});
b.现代方法
var userName=document.getElementById("userName"); userName.addEventListener("click",function(){
}); //添加事件 userName.addEventListener("click",test /*方法名*/); //删除事件
c.在IE8及以下版本无法使用.addEventListener,而使用:
var userName=document.getElementById("userName"); userName.attachEvent("click",function(){
}); //添加事件 userName.attachEvent("click",test /*方法名*/); //删除事件
4.节点
a.方法:
var myUl = document.getElementById("myUl") var el = document.createElement("li"); //创建新的元素
myUl.appendChild(el); //添加子元素
myUl.removeChild(el); //添加子元素
b.属性:
myUl.parentNode //获取父级元素
myUl.childNodes //获取子级元素
myUl.firstChild //第一个子元素
myUl.lastChild //最后一个子元素
5.BOM
a.window 对象:浏览器中打开的窗口
b.方法:
alert(); //显示带有一段消息和一个确认按钮的警告框
var flag =confirm("你确定要删除这条数据吗"); //显示带有一段消息以及确认按钮和取消按钮的对话框,返回值为 true 或 false
prompt("请输入一个数字"); //显示可提示用户输入的对话框
focusTest.focus(); //把键盘焦点给予一个窗口
focusTest.blur(); //把键盘焦点从顶层窗口移开
open("http://www.baidu.com"); //打开一个新的浏览器窗口或查找一个已命名的窗口 setInterval(function(){},1000); //按照指定的周期(以毫秒计)来调用函数或计算表达式
setTimeout(function(){},1000); //在指定的毫秒数后调用函数或计算表达式
clearInterval(idForInterval); //取消由 setInterval() 设置的 timeout
clearTimeout(idForTimeout); //取消由 setTimeout() 方法设置的 timeout
c.属性:
①location
location.reload(); //刷新
location.assign(); //加载新文档(能返回)
location.replace(); //加载新文档(不能返回) location.href = "http://www.baidu.com" //加载新文档(建议使用)
②history
history.back(); //返回
history.forward(); //前进
history.go(2); //跳转多少页
Java 之 JavaScript (二)的更多相关文章
- 30个深度学习库:按Python、C++、Java、JavaScript、R等10种语言分类
30个深度学习库:按Python.C++.Java.JavaScript.R等10种语言分类 包括 Python.C++.Java.JavaScript.R.Haskell等在内的一系列编程语言的深度 ...
- Java和JavaScript中使用Json方法大全
林炳文Evankaka原创作品. 转载请注明出处http://blog.csdn.net/evankaka 摘要:JSON(JavaScript Object Notation) 是一种轻量级的数 ...
- Jerry的ABAP, Java和JavaScript乱炖
写这个系列的初衷是SAP Chengdu office有越来越多的应届毕业生加入,这些新同事通过在大学的专业学习,具备了Java和JavaScript背景,但是进入SAP之后大家觉得ABAP没有Jav ...
- Java调用Javascript、Python算法总结
最近项目中经常需要将Javascript或者Python中的算法发布为服务,而发布Tomcat服务则需要在Java中调用这些算法,因此就不免要进行跨语言调用,即在Java程序中调用这些算法. 不管是调 ...
- .net基础学java系列(二)IDE 之 插件
上一篇文章.net基础学java系列(二)IDE "扎实的基础"+"宽广的视野",基本可以帮我们摆脱码畜.码奴.码农的命运! IT领袖:IT大哥:IT精英:IT ...
- [转]Java调用Javascript、Python算法总结
最近项目中经常需要将Javascript或者Python中的算法发布为服务,而发布Tomcat服务则需要在Java中调用这些算法,因此就不免要进行跨语言调用,即在Java程序中调用这些算法. 不管是调 ...
- Java执行JavaScript脚本破解encodeInp()加密
一:背景 在模拟登录某网站时遇到了用户名和密码被JS进行加密提交的问题,如图: 二:解决方法 1.我们首先需要获得该JS加密函数,一般如下: conwork.js var keyStr = " ...
- javascript与java的相互调用,纯java的javascript引擎rhino(转载)
1.下载Rhino安装包,下载地址:官网http://www.mozilla.org/rhino. 2.rhino环境配置,把解压出来的js.jar文件加入到系统的环境变量classpath 3.在命 ...
- Json学习总结(1)——Java和JavaScript中使用Json方法大全
摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语 ...
- 浅谈Java和JavaScript中变量和数据类型的区别
对于一门编程语言的学习,如果第一步是安装环境,那么第二步一定是学习这门语言的基本规则,变量和数据类型则首当其冲 JavaScipt作为一个蹭Java热度而命名的语言,在很多方面和Java也有一定的相似 ...
随机推荐
- 一篇文章让你了解Android各个版本的历程
2008年--至今 Android 1.5(Cupcake纸杯蛋糕): 智能虚拟键盘:使用widgets实现桌面个性化:在线文件夹(Live Folder)快速浏览在线数据:视频录制和分享:图片上传: ...
- 用C#开发基于自动化接口的OPC客户端
OPC全称是Object Linking and Embedding(OLE) for Process Control,它的出现为基于Windows的应用程序和现场过程控制应用建立了桥梁.OPC作为一 ...
- iframe与主框架跨域相互访问方法
iframe 与主框架相互访问方法 http://blog.csdn.net/fdipzone/article/details/17619673/ 1.同域相互访问 假设A.html 与 b.htm ...
- 声明寄存器ROM
:] ROM [:] ; integer i; initial begin ;i<=;i=i+) begin ROM[i] <= {{'b0}}; end end 同时可以考虑双端口ROM ...
- 图书管理系统(无中间件,用装饰器的)-----未基于FORM组件
目的:实现图书的增删改查 models.py from django.db import models # Create your models here. class Book(models.Mod ...
- jenkins持续集成:构建多个job同时执行
在jenkins 构建任务时,同时只能构建2个,但是有时候可能涉及到需要同时执行多个任务(大于2个),如果不能同时运行的话,就需要等待上一个执行完了,再执行第三个 比如用例非常多,需要把不同的用例分给 ...
- 前端生成pdf文件之pdfmake.js
转载:点击查看原文 pdfmake.js是一个简单的生成pdf文件的插件. pdfmake.js https://files.cnblogs.com/files/s313139232/pdfm ...
- Eclipse编写ExtJS5卡死问题
本篇以eclipse为例,导入后在编译时很容易出现eclipse的卡死现象,这主要是js文件的校验引起的. 我们可通过如下方法进行配置: 打开该项目的.project文件,删除如下配置即可: < ...
- spring cloud Eureka常见问题总结
Spring Cloud中,Eureka常见问题总结. 指定Eureka的Environment 1 eureka.environment: 指定环境 参考文档:https://github.com/ ...
- DoNetZip类库解压和压缩文件
using Ionic.Zip; public class ZipHelper { public static void ZipSingleFile(string zipPath) { try { u ...