zoukankan      html  css  js  c++  java
  • Javascript脚本代码(二)window对象

    一、window对象
    WINDOW.MOVETO()--移动窗口
    <div onclick="m()">移动调整窗口</div>
    <div onclick=open>打开模态窗口</div> --无标题文档,只要不关闭模态对话框.,后端就控制不了.
    window.showModalDialog(url,数据参数,特征参数)--ie4、5都支持.向对话框传的参数,
    数据参数:在对话框页面中,用dialogArgument获得
    特征参数:用分号隔开,像素大小要加上PX.dialogWidth,dialogHeight,center,resizeble,
    window.showModalDialog("Untitled-1.html","haha","dialogWidth=300px","dialogHeight=200px","center=yes")
    window.showModelessDialog(url,数据参数,特征参数):永远置顶.
    非模态对话框--用的不多,用打开窗口即可.
    对话框一直在顶上,但后端可以操作的.

    window.scroll(0,10000)--滚动条滚动到坐标是10000.写在后面,必须内容都出来了才可滚动至滚动位置.

    属性:
    dialogArgument--在模态对话框中

    二、history--后退
    调前
    window.history-back,
    forward();
    go(n):

    ps: n是正数--前进;n是负数--后退☆☆☆

    三、window.location对象---代码操作地址栏

    window.location.href="http//www.sina.com.cn"--地址 主机名、域名 
    <div onclick=""l()">获得本页面的地址</div>

    属性:
    href:地址栏的整个地址
    hostname:主机名,域名,网站名
    pathname:路径名 "?"之前的,"?"之后的是传参数的.左边的具体地址,右边的传值.
    protocol:协义名 
    status:给状态栏赋值文字(设置文字)

    {
    window.status="好了,好了,小苹果";
    window.setTimeout("run()",100);--定时器跑
    }
    function run()
    {
    window.status=" "+window.status;
    window.setTimeout("run()",100);--空格顶着跑
    }

    *************微软技术问题找必应找JavaScript.**********☆

    四、window.status对象,直接设置状态栏文字.

    window.menubar

    visible:测试是否可见.

    window.toolbar
    visible:测试是否可见.

    五、window.document--操作页面内容

    1.property


    (一)找元素
    1.document.getElementById--根据ID找元素,最多只能找到一个--alert (a)--返回没有值,提示是HTMLDiv元素.
    2.document.getElementsByName--找出来的是数组
    3.document.getElementsTagname("div")找--找出来的是数组--alert (a)--返回没有值,提示是HTMLDiv集合.
    4.document.getElementsClassName--根据CLASSNAME的属性过来找--找出来的是数组

    (二)找到后操作内容
    1.获取内容
    第一类:非表单元素
    innerHTML--获取内部的HTML内容
    alert (a.innerHTML);--返回<div></div>中的所有内容
    alert (a.innerText);--只返回<div></div>中的文字内容
    alert (a.outHTML)--外部的HTML内容--返回包括标签本身的内容(简单了解,不多用)
    第二类:表单元素
    a.value--获取input中的value值,或者<textarea></textarea>中间的值
    a.innerHTML--

    2.设置内容

    第一类:非表单元素
    a.innerHTML="hello world"
    a.innerText="<font color=red>hello world</font>"--尽量不用,把文字内容直接返回回来,并没有对内容进行设置.

    第二类:非表单元素
    <form></form>

    alert (t)--返回是输入元素

    表单元素
    input
    textarea

    3.清空内容
    return false--永远阻止默认操作
    return true --永远执行默认操作
    超链接的默认操作--转向页面,加上onclick=return false将阻止转向网页.

    改操作属性、内容、样式

    PS:按钮不可用:disabled=disabled

    (三)操作属性:找元素
    1.获取属性
    var s=a.document.getAttribute("属性名")
    2.设置属性
    a.setAttribute("disabled","disabled")
    a.setAttribute("type","redio")--类型改为圆圈
    3.移除属性
    a.removeAttribute("disabled")

    (四)操作样式

    1.直接操作样式属性

    a.style.xxxx="";

    borderColor="red"--边框
    borderStyle=""Solid";
    borderWidth="1px";

    backgroundColor

    PS:下标最大值是下标-1

    2.操作样式的class

    a.className

    (五)相关元素操作
    nextSibling:下一个同辈元素
    previousSibling:上一个同辈元素
    parentNode:父级元素
    childNodes:所有子元素
    firstChild,lastChild,[n]

    (六)元素的创建、添加、删除
    createElement("标签名")--创建一个标签,先创建再追加.
    appendChild(子元素对象)--修改,先找再修改.
    removeChild(子元素对象)--移除.

  • 相关阅读:
    flex布局知识总结
    js,ts操作dom总结
    编译原理 语法树 句柄 简单短语 短语
    linux基础命令期末考试总结
    arm汇编指令--str ldr
    npm常用命令(原创)
    JS获取图片的缩略图
    Spring MVC 返回Json IE出现下载
    jquery获取页面iframe内容
    MySQL 下 ROW_NUMBER / DENSE_RANK / RANK 的实现
  • 原文地址:https://www.cnblogs.com/DORCASQING/p/3989597.html
Copyright © 2011-2022 走看看