1.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

给open传网址 如果是外站就加个http  <input type="button" value="打开窗口"  onclick="window.open('http://wwww.baidu.com/')" >
close关闭窗口
document.write() 如果把它放在事件里面 他执行时会把页面所有信息清空 然后再把信息写进去 源码也会变成信息内容
<input type="button" value="write" onclick="document.write(abc)" /> 点击按钮之后页面信息清空就剩一个abc 源码由之前的html内容变成abc

window.open('about:blank');//按下按钮 出现新的窗口是个空白页

document. 全称window.document window可以省略

window.open(URL,name,specs,replace)
URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口
name 可选。指定target属性或窗口的名称。支持以下值：
_blank URL加载到一个新的窗口。这是默认
_parent URL加载到父框架
_self URL替换当前页面(直接在本页面刷新加载新内容)
_top URL替换任何可加载的框架集
name 窗口名称

close：关闭窗口 <input type="button" value="关闭" onclick="window.close()" />当前窗口关闭
但是火狐不支持脚本关闭非脚本打开的窗口 不能关闭由一个用户打开的窗口 只能open close一起用
所以改成<input type="button" value="打开" onclick="window.open('30close.html');" />
(30close文件里)<input type="button" value="关闭" onclick="window.close()" />

userAgent
<script>

alert(window.navigator.userAgent);//userAgent 当前的浏览器版本信息

alert(window.location);//读取当前页面的地址   location还可以被赋值

</script>

<input type="button" value="aaa" onclick="window.location='http://baidu.com/';">//跟open()差不多

可视区 clientHeight 大小可变
红线 可视区和页面顶部有一定距离 距离取决于滚动条 滚动条滚了多远距离就多大:scrollTop
IE和火狐下兼容 alert(document.documentElement.scrollTop);//滚动条越往下滚动 数值越大
alert(document.body.scrollTop);//在Chrome下可行
//所以出来了它：
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

<style>
#div1{ width:200px; height:150px; background:red; position:fixed; right:0;bottom:0;}

body{ height:2000px;}/*不管页面怎么滚动 div始终处在右下角这个位置*/

</style>

</head>

<body >

   <div id="div1"></div>

</body>IE6不支持 固定定位

换成:

<script>

window.onscroll=window.onrsize=function (){

     var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

      var oDiv=document.getElementById('div1');

      oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop+'px';

/*会发现div有一点抖动 因为一直在滚动 每滚动一下就重新定位一次

并且这个事件是onscroll当滚动时才会触发 但是当你单单扯动网页的边框让他变长变短div的位置是不变的 也自然就不是始终处在右下角了

onresize:当窗口改变大小时发生

处理抖动问题    userAgent>IE6   fixed

                         IE6                       运动

*/

}

</script>

系统对话框:
警告框：alert(“内容”)，没有返回值
选择框：confirm(“提问的内容”)，返回boolean
输入框：prompt()，返回字符串或null
window对象常用事件
onload
onscroll
onresize
例子：回到顶部按钮、侧边栏广告
              闪烁问题

confirm
<script>

  //confirm('你是否要删除');//弹出个对话框 和alert还不太一样 因为他的选项有2个 确定or取消

  //有返回值

  var def=confirm('你是否要删除');

  alert(def);//按确定 弹出true 否则false；

</script>

prompt

<script>

    //  prompt('请输入你的名字','blue');//弹出个emm话题框 第二个参数blue是设置的默认值 也有返回值

   var res=prompt('请输入你的名字','blue');

   alert(res);//点击确定之后框的内容就变成了你输入的内容 点击取消变成了nnull

</script>

js 30Dom应用的更多相关文章

  1. Vue.js 和 MVVM 小细节

    MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...

  2. js学习笔记：操作iframe

    iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...

  3. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  5. jquery和Js的区别和基础操作

    jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...

  6. 利用snowfall.jquery.js实现爱心满屏飞

    小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...

  7. node.js学习（三）简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  8. JS正则表达式常用总结

    正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...

  9. 干货分享：让你分分钟学会 JS 闭包

    闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它.因此,本文不会对闭包的概念进行大篇幅描述 ...

随机推荐

  1. Luogu5289 十二省联考2019皮配（动态规划）

    将选择导师看成先选阵营再选派系,这样有显然的O(nm2)暴力,即按城市排序后,设f[i][j][k]为前i个学校中第一个阵营有j人第一个派系有k人的方案数,暴力背包. 对于k=0,可以发现选阵营和选派 ...

  2. Android Error:Execution failed for task ':app:preDebugAndroidTestBuild'. > Conflict with dependency

    错误内容: Error:Execution failed for task ':app:preDebugAndroidTestBuild'.> Conflict with dependency ...

  3. 《从Paxos到ZooKeeper分布式一致性原理与实践》学习笔记

    第一章 分布式架构 1.1 从集中式到分布式 集中式的特点: 部署结构简单(因为基于底层性能卓越的大型主机,不需考虑对服务多个节点的部署,也就不用考虑多个节点之间分布式协调问题) 分布式系统是一个硬件 ...

  4. Linux shell脚本启动 停止 重启jar包

    最近做的微服务jar包想弄在持续集成中自动化部署,所以首先得有一个操作jar包的脚本 只需将jar文件的路径替换到APP_NAME的值就可以了,其他不用改 注意:window编辑的shell文件,通过 ...

  5. 使用C语言中qsort()函数对浮点型数组无法成功排序的问题

    一 写在开头 1.1 本节内容 本节主要内容是有关C语言中qsort()函数的探讨. 二 问题和相应解决方法 qsort()是C标准库中的一个通用的排序函数.它既能对整型数据进行排序也能对浮点型数据进 ...

  6. C++自定义String字符串类,支持子串搜索

    C++自定义String字符串类 实现了各种基本操作,包括重载+号实现String的拼接 findSubStr函数,也就是寻找目标串在String中的位置,用到了KMP字符串搜索算法. #includ ...

  7. windows服务器基本管理及服务搭建

    windows服务器基本管理及服务搭建 ****windows服务器系统版本:2000 2003 2008 2012 1.用户与组管理 用户:账户=账号/用户名+密码 每个账户有自己唯一的SID 账户 ...

  8. -bash: Chmod: command not found

    是增加该文件的所有者拥有运行权限 如果所有者是root ,还要加sudo chmod u+x drlinuxclient.bin (sudo) chmod u+x drlinuxclient.bin ...

  9. django drf 基础学习5

    一 简介: 用户登录的验证 二 验证机制:    1 session session需要在服务端存储能够通过session_id而获取的信息,每次请求到达服务端时,需要根据session_id这个ke ...

  10. 设计模式三: 代理模式(Proxy) -- JDK的实现方式

    简介 代理模式属于行为型模式的一种, 控制对其他对象的访问, 起到中介作用. 代理模式核心角色: 真实角色,代理角色; 按实现方式不同分为静态代理和动态代理两种; 意图 控制对其它对象的访问. 类图 ...