html 中的location部分方法

最新推荐文章于 2025-06-22 03:08:08 发布
最新推荐文章于 2025-06-22 03:08:08 发布
阅读量836 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhou__9468/article/details/78176477

一.代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title></title>
    <script>
        //        console.log("URL地址: " + window.location.href);
        //        console.log("主机名: " + window.location.hostname);
        //        console.log("端口: " + window.location.port);
        //        console.log("主机: " + location.host); // 主机名+端口
        //        console.log("协议: " + location.protocol);
        //        console.log("路径: " + location.pathname);

        //        console.log("有效的宽度（单位：像素）: " + screen.availWidth);
        //        console.log("有效的高度（单位：像素）: " + screen.availHeight);
        //        console.log("每个像素颜色的位数: " + screen.colorDepth);

        //        document.write("官方浏览器代码名的字符串的表示：" + navigator.appCodeName + "<br/>");
        //        document.write("官方浏览器名的字符串的表示：" + navigator.appName + "<br/>");
        //        document.write("用户代理：" + window.navigator.userAgent + "<br/>");
        //        document.write("版本信息：" + window.navigator.appVersion + "<br/>");
        //        document.write("浏览器所在的计算机的平台：" + window.navigator.platform + "<br/>");
        //        document.write("Cookie：" + window.navigator.cookieEnabled + "<br/>");
    </script>
</head>
<body>
<script>
    function remove() {
        var r = confirm("确定要删除吗？");
        console.log(r);
    }

    //    prompt("您几岁？");

    //    var myWindow = window.open("", "", "width=600,height=200");
    //    myWindow.document.write("This is My Window!");
    //
    //    function moveMyWindow() {
    //        myWindow.moveTo(50, 50);
    //    }
    //
    //    function resizeMyWindow() {
    //        myWindow.resizeTo(50, 50);
    //    }

    function scrollWindow() {
        window.scrollTo(0, 50);
    }
</script>

<input type="button" value="Move My Window" onclick="moveMyWindow();"/><br/>
<input type="button" value="Resize My Window" onclick="resizeMyWindow();"/><br/>
<input type="button" value="Scroll" onclick="scrollWindow();"/><br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<table>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>19</td>
        <td><input type="button" value="删除" onclick="return remove();"/></td>
    </tr>
    <tr>
        <td>李四</td>
        <td>18</td>
        <td><input type="button" value="删除" onclick="return remove();"/></td>
    </tr>
    <tr>
        <td>王五</td>
        <td>20</td>
        <td><input type="button" value="删除" onclick="return remove();"/></td>
    </tr>
    <tr style="display: none">
        <td>赵六</td>
        <td>21</td>
        <td><input type="button" value="删除" onclick="return remove();"/></td>
    </tr>
    <tr>
        <td>孙七</td>
        <td>20</td>
        <td><input type="button" value="删除" onclick="return remove();"/></td>
    </tr>
</table>
<br/>
</body>
</html>


html 获取location,html中location的用法详解
weixin_35647799的博客
06-08 1903
【转自】https://blog.youkuaiyun.com/py941215/article/details/77825921Location介绍location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。注意 如果想要获得当前文档的完整url字符串，有四种方式document...
nginx location中uri的截取的实现方法
09-29
在Nginx配置中，`location`指令是用于匹配HTTP请求URI并执行相应处理的关键部分。本文将深入探讨如何在`location`中实现URI的截取，并解释`root`、`alias`以及`proxy_pass`指令在处理URI时的不同行为。 ### 1. `...
html中location的用法详解
热门推荐
帅气的鎏氓兔
09-03 2万+
Location介绍 location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。 注意 如果想要获得当前文档的完整url字符串，有四种方式 document.locationdocument.location.hrefdocument.URLdocument
location的方法
wang_swa99er的博客
08-11 1015
location的方法 方法： location.assign(url) 【注】在当前窗口跳转到这个url location.replace(url) 【注】再当前窗口替换成新的url，不会产生历史记录 location.reload() 【注】刷新当前窗口 location.reload(true) 【注】不经过浏览器缓存强制从服务器重载(可以避免之前加载的历史记录) ...
JavaScript基础-location 对象
qq_51626500的博客
06-22 555
JavaScript基础-location 对象
window.location用法
savivy的博客
10-25 667
// location (地址栏对象信息) //http://127.0.0.1:5500/04.location.html console.log(window.location); //host:域名和端口号 console.log(window.location.host); //hostname:域名 console.log(window.location.hostname); ...
window.location 的几个用法（获取当前页面地址、页面跳转到指定链接、刷新页面）
littlebearGreat——宁静致远
10-26 1万+
此为笔记，加深记忆 window.location对象包含当前页面的URL信息，我们可以对location进行操作，得到一些效果 1.    location.herf   返回得到当前页面的地址 console.log(location.href); 2.    给location.herf  赋值新的链接字符串，会直接使页面跳转到该链接 location.href = 'https:
html文档中的location对象属性理解及常见的用法
09-04
HTML文档中的`location`对象是JavaScript中的一个核心概念，它主要负责处理与当前浏览器窗口URL相关的各种操作。`location`对象是`window`对象的一个属性，因此可以通过`window.location`来访问。它提供了获取和设置...
nginx location中多个if里面proxy_pass的方法
01-09
在Nginx配置中，`location`指令是用于定义URL路由和处理规则的关键部分，它决定了请求应如何被代理、重定向或静态文件服务。在本文中，我们将深入探讨`location`指令的匹配机制以及在多个`if`语句中使用`proxy_pass`...
JS中Location使用详解
10-24
JavaScript（简称JS）是一种广泛应用于网页开发中的脚本语言，它与HTML和CSS一起构建了互联网上绝大多数的网站。在JS的众多内置对象中，Location对象是用来操作浏览器当前窗口或框架中加载的文档URL的重要组件。...
HTML location对象简介
taozpwater的专栏
07-28 4215
1、简介        Location 对象包含有关当前 URL 的信息。        Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 2、Location 对象属性 属性 描述 IE F O hash 设置或返回从井号 (#) 开始的 URL（锚）
location常见方法
m0_59359854的博客
07-01 1565
location.assign() 可跳转页面（重定向页面）location.replace() 替换当前页面，不记录历史，无法后退location.reload() 刷新页面f5，参数为true为强制刷新 ctrl +f5location方法 location方法 跳转页面后 无法后退 刷新页面 navigator对象可以判断 登陆的类型 移动端 还是网页端 window对象给我们提供了一个 history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的
window.location用法总结及注意事项
weixin_41461089的博客
10-21 4746
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。在编写时可不使用 window 这个前缀。 例如：当前网https://www.runoob.com/js/js-window-location.html location.href 属性返回当前页面的 URL。 <script> document.write(location.href); </script> 输出为： https://www.runoob.com/js/js-w
前端关于location的方法以属性
weixin_51609337的博客
04-29 1583
关键单词作用href返回或设置当前页面的URL地址。host返回当前页面的主机名和端口号。hostname返回当前页面的主机名。port返回当前页面的端口号。protocol返回当前页面的协议。pathname返回当前页面的路径部分关键单词作用加载一个新的URL，并在浏览器历史记录中生成新的记录。加载一个新的URL，并替换当前的历史记录。reload()重新加载当前页面。toString()返回当前页面的完整URL字符串。
html_Location对象
jss19940414的博客
12-16 834
Location对象 location 必须掌握三个属性和三个方法 location  属性   href serach hash Href：跳转的地址  search：传入的参数  hash：锚点 location  方法   assign reload replace   Location.reload() 方法用来刷新当前页面。该方法只有一个参数，当值为 true 时，将强制浏览器...
HTML location 用法（获取当前URL）
weixin_34149796的博客
02-16 442
Location 对象 Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 属性 location.href 当前文档的完整url，如果被改变，文档将会导航到另一个新的页面， location.protocol 当前url所使用的协议，包括结尾的":" location....
【HTML】location对象
个人学习笔记
08-20 675
html 中 location 的一些笔记
location常用属性和方法
Jin_Xiang123的博客
12-31 2457
在JavaScript中，location是一个对象，代表了当前窗口的URL信息。它包含了许多属性，可以用来获取和操作URL的各个部分，比如协议、主机名、路径、查询参数等。location：获取或设置当前URL。：获取当前协议，比如http、https等。：获取当前主机名和端口号。：获取当前路径。：获取当前查询参数。：获取当前页面锚点。通过这些属性和方法，我们可以方便地对URL进行解析和操作，比如获取查询参数、重定向页面等。下面是一个使用location属性/方法描述。
nginx location 配置html
最新发布
07-19
在 Nginx 中正确配置 `location` 以提供 HTML 文件，需要理解 `location` 指令与 `root` 或 `alias` 指令的配合使用方式。以下是几种常见配置方式及其适用场景。 ### 使用 `root` 指定 HTML 文件路径 当希望 Nginx...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值