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 (二)的更多相关文章

  1. 30个深度学习库:按Python、C++、Java、JavaScript、R等10种语言分类

    30个深度学习库:按Python.C++.Java.JavaScript.R等10种语言分类 包括 Python.C++.Java.JavaScript.R.Haskell等在内的一系列编程语言的深度 ...

  2. Java和JavaScript中使用Json方法大全

    林炳文Evankaka原创作品. 转载请注明出处http://blog.csdn.net/evankaka   摘要:JSON(JavaScript Object Notation) 是一种轻量级的数 ...

  3. Jerry的ABAP, Java和JavaScript乱炖

    写这个系列的初衷是SAP Chengdu office有越来越多的应届毕业生加入,这些新同事通过在大学的专业学习,具备了Java和JavaScript背景,但是进入SAP之后大家觉得ABAP没有Jav ...

  4. Java调用Javascript、Python算法总结

    最近项目中经常需要将Javascript或者Python中的算法发布为服务,而发布Tomcat服务则需要在Java中调用这些算法,因此就不免要进行跨语言调用,即在Java程序中调用这些算法. 不管是调 ...

  5. .net基础学java系列(二)IDE 之 插件

    上一篇文章.net基础学java系列(二)IDE "扎实的基础"+"宽广的视野",基本可以帮我们摆脱码畜.码奴.码农的命运! IT领袖:IT大哥:IT精英:IT ...

  6. [转]Java调用Javascript、Python算法总结

    最近项目中经常需要将Javascript或者Python中的算法发布为服务,而发布Tomcat服务则需要在Java中调用这些算法,因此就不免要进行跨语言调用,即在Java程序中调用这些算法. 不管是调 ...

  7. Java执行JavaScript脚本破解encodeInp()加密

    一:背景 在模拟登录某网站时遇到了用户名和密码被JS进行加密提交的问题,如图: 二:解决方法 1.我们首先需要获得该JS加密函数,一般如下: conwork.js var keyStr = " ...

  8. javascript与java的相互调用,纯java的javascript引擎rhino(转载)

    1.下载Rhino安装包,下载地址:官网http://www.mozilla.org/rhino. 2.rhino环境配置,把解压出来的js.jar文件加入到系统的环境变量classpath 3.在命 ...

  9. Json学习总结(1)——Java和JavaScript中使用Json方法大全

    摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语 ...

  10. 浅谈Java和JavaScript中变量和数据类型的区别

    对于一门编程语言的学习,如果第一步是安装环境,那么第二步一定是学习这门语言的基本规则,变量和数据类型则首当其冲 JavaScipt作为一个蹭Java热度而命名的语言,在很多方面和Java也有一定的相似 ...

随机推荐

  1. FlashBack 闪回

    [学习目标] Flashback Database 功能非常类似与RMAN的不完全恢复,它可以把整个数据库回退到 过去的某个时点的状态,这个功能依赖于Flashback log日志.比RMAN 更快速 ...

  2. 开源中国社区 https://git.oschina.net/ 添加 SSH 公钥 添加

    首先可以参考官方的帮助文档 http://git.mydoc.io/?t=154712 然后进去码云首页 http://git.oschina.net 然后找到右边的头像点击一下  然后点击修改资料 ...

  3. Mycat实现mysql主从复制(读写分离)

    数据库性能瓶颈主要原因: 随着用户数的增多,带来的是数据库连接的大幅度增长 随着业务体量的增长,表数据量(空间存储的问题)的大幅增长,其中涉及到索引的优化,mysql默认的索引是硬盘级别的,BTREE ...

  4. web.xml中的ContextLoaderListener和DispatcherServlet区别

    ContextLoaderListener和DispatcherServlet都会在Web容器启动的时候加载一下bean配置. 区别在于: DispatcherServlet一般会加载MVC相关的be ...

  5. 极光推送>>java SDK服务端集成后台项目(使用详解)

    PS:如果你是第一次用推送,那就直接按照我的步骤来,再去看官方文档,这样,更容易能理解操作流程.还有——-请耐心看 极光文档(java SDK)请参考 [ 极光文档 ] 步骤一: 首先,你必须在 [极 ...

  6. iOS 测试之非代码获取 iPhone 型号及其他信息

    首先 安装libimobiledevice和ideviceinstaller $ brew uninstall ideviceinstaller $ brew uninstall libimobile ...

  7. linux:安装Memcache并使用

    1.Linux安装Memcache : curl -O http://memcached.org/files/memcached-1.5.4.tar.gz 解压 2.启动Memcache: memca ...

  8. 饮冰三年-人工智能-Python-11之HelloWorld

    1:安装不在介绍,下载软件下一步即可,配置环境变量(Python37会默认配置环境变量的) D:\Programs\Python\Python37\Scripts\;D:\Programs\Pytho ...

  9. rpm 命令使用 和 lsof -p 1406 使用

    #安装RPM -v 显示详细信息 -h 显示进度 -i 安装 -U 升级 -q 查询 -ql 查看rpm 包装的文件 - qf 查看命令属于哪个RPM 包 -qi 查看RPM包的详细信息 [root@ ...

  10. Git推送错误Remote: User permission denied错误解决方法

    用了别的同事的电脑,推送代码,报错. 解决方法: 修改别人的密码,改成自己的账号和密码就可以了.