zoukankan      html  css  js  c++  java
  • location对象

     Location 对象
    host    设置或检索位置或 URL 的主机名和端口号
    hostname 设置或检索位置或 URL 的主机名部分
    href    设置或检索完整的 URL 字符串
    assign("url")  加载 URL 指定的新的 HTML 文档。  
    reload()    重新加载当前页
    replace("url")      通过加载 URL 指定的文档来替换当前文档

     

    <head>
        <title>无标题页</title>
        <script language="javascript" type="text/javascript">
            function jump()
            {
                location.href=document.myform.menu.value;
            }
            function jump1()
            {
              location.replace(document.myform.menu.value); //jump1不可后退
            }
            function jump2() {
                location.assign(document.myform.menu.value);//jump2可以后退
            }
            function showHost()
            {
                alert(location.host);
            }
            function showHostName()
            {
                alert(location.hostname);
            }
            function reload() {
                location.reload();
              }
           
        </script>
    </head>
    <body>
        <form name="myform" action="">
            <select name="menu" onchange="jump1()"><!--注意jump1的区别-->
                <option >-请选择-</option>
                <option value="test1.htm">犬夜叉</option>
                <option value="test2.htm">杀生丸</option>
            </select>
            <input type="button" value="显示主机名和端口号" onclick="showHost()" />
            <input type="button" value="显示主机名" onclick="showHostName()" />
            <!--<input />-->
            <input type="button" value="刷新" onclick="reLoad(true)" /><!--true表示从服务端加载false表示从缓存加载-->
        </form>
    </body>
  • 相关阅读:
    从零开始学习前端开发 — 17、CSS3背景与渐变
    从零开始学习前端开发 — 16、CSS3圆角与阴影
    从零开始学习前端开发 — 15、CSS3过渡、动画
    从零开始学习前端开发 — 14、CSS3变形基础
    link标签的media属性的用法
    html的meta总结
    提高网页可访问性的十条建议
    关闭按钮
    HTTP协议详解
    jquery中each的3种遍历方法
  • 原文地址:https://www.cnblogs.com/chengpeng/p/2145872.html
Copyright © 2011-2022 走看看