js指定url网页（网页的url）

发布时间：2023-12-08

js指定url网页（网页的url）

更新：2022-11-15 08:03

本文目录一览：

  1. 请教javascript 如何获取指定url网页中的内容
  2. 前端使用js如何准确获取当前页面url网址信息
  3. JS 调用当前页面url
  4. JS如何随机打开网页指定DIV内的URL
  5. javascript 怎么获取指定url网页中的内容

请教javascript 如何获取指定url网页中的内容

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script src="jquery-2.1.1.min.js"></script>
<!-- 记得导jquery -->
<script>
    $.ajax({
        type: 'get',
        url: "demo.html", // 这里是url
        success: function (body, heads, status) {
            console.log(body); // body就是内容了
        }
    });
</script>
</body>
</html>

前端使用js如何准确获取当前页面url网址信息

在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。 下面我们举例一个URL，然后获得它的各个组成部分：

  1. window.location.href（设置或获取整个 URL 为字符串）
var test = window.location.href;
alert(test);

返回： 2. window.location.protocol（设置或获取 URL 的协议部分）

var test = window.location.protocol;
alert(test);

返回：http: 3. window.location.host（设置或获取 URL 的主机部分）

var test = window.location.host;
alert(test);

返回：i.cnblogs.com 4. window.location.port（设置或获取与 URL 关联的端口号码）

var test = window.location.port;
alert(test);

返回：空字符（如果采用默认的80端口（update:即使添加了:80），那么返回值并不是默认的80而是空字符） 5. window.location.pathname（设置或获取与 URL 的路径部分（就是文件地址））

var test = window.location.pathname;
alert(test);

返回：/EditPosts.aspx 6. window.location.search（设置或获取 href 属性中跟在问号后面的部分）

var test = window.location.search;
alert(test);

返回：?opt=1 PS：获得查询（参数）部分，除了给动态语言赋值以外，我们同样可以给静态页面，并使用javascript来获得相信应的参数值。 7. window.location.hash（设置或获取 href 属性中在井号“#”后面的分段）

var test = window.location.hash;
alert(test);

返回：空字符（因为url中没有） 8. JS获取url中的参数值

一、正则法

function getQueryString(name) {
    var reg = new RegExp('(^|)' + name + '=([^]*)(|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
// 这样调用：
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

二、split拆分法

function GetRequest() {
    var url = location.search; // 获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
var Request = new Object();
Request = GetRequest();
// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];

三、指定取

比如说一个url：我们想得到参数j的值，可以通过以下函数调用。

function GetQueryString(name) {
    var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i");
    var r = window.location.search.substr(1).match(reg); // 获取url中"?"符后的字符串并正则匹配
    var context = "";
    if (r != null)
        context = r[2];
    reg = null;
    r = null;
    return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("j"));

四、单个参数的获取方法

function GetRequest() {
    var url = location.search; // 获取url中"?"符后的字串
    if (url.indexOf("?") != -1) { // 判断是否有参数
        var str = url.substr(1); // 从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
        strs = str.split("="); // 用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
        alert(strs[1]); // 直接弹出第一个参数 （如果有多个参数 还要进行循环的）
    }
}

一、正则法（重复）

function getQueryString(name) {
    var reg = new RegExp('(^|)' + name + '=([^]*)(|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
// 这样调用：
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

二、split拆分法（重复）

function GetRequest() {
    var url = location.search; // 获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
var Request = new Object();
Request = GetRequest();
// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];

三、指定取（重复）

比如说一个url：我们想得到参数j的值，可以通过以下函数调用。

function GetQueryString(name) {
    var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i");
    var r = window.location.search.substr(1).match(reg); // 获取url中"?"符后的字符串并正则匹配
    var context = "";
    if (r != null)
        context = r[2];
    reg = null;
    r = null;
    return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("j"));

四、单个参数的获取方法（重复）

function GetRequest() {
    var url = location.search; // 获取url中"?"符后的字串
    if (url.indexOf("?") != -1) { // 判断是否有参数
        var str = url.substr(1); // 从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
        strs = str.split("="); // 用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
        alert(strs[1]); // 直接弹出第一个参数 （如果有多个参数 还要进行循环的）
    }
}

JS 调用当前页面url

我想把这个URL 输出到 以下代码中的（当前页URL） 可以这样：

var url = window.location.href;
document.writeln("form action=\"{fy:dir}user/Checklogin.asp?Action=LoginCheckoldurl=" + url + "\" method=\"post\" class=\"simform ulogin\"");

JS如何随机打开网页指定DIV内的URL

可以将document.links用$("指定的DIV").find("a")代替，其他都一样，也就是

function random_all() {
    var myrandom = Math.round(Math.random() * ($("指定的DIV").find("a").length - 1))
    window.location = $("指定的DIV").find("a")[myrandom].href
}

注：我这里使用了jquery代码

javascript 怎么获取指定url网页中的内容

一、参考代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script src="jquery-2.1.1.min.js"></script>
<!-- 记得导jquery -->
<script>
    $.ajax({
        type: 'get',
        url: "demo.html", // 这里是url
        success: function (body, heads, status) {
            console.log(body); // body就是内容了，也就是url网页中的内容
        }
    });
</script>
</body>
</html>

重点代码说明：

$.ajax({
    type: "POST", // 请求方式为post
    url: "order.class.php?type=add", // 请求的地址
    data: dataFormid, // 参数
    success: function (mag) {
        // success指的是请求并成功返回信息
        // msg是返回的内容
        alert(mag);
    }
});

举例

// 假如后台返回的是一个JSON格式的字符串,如"{code:0,msg:"执行成功!"}"
success: function (data) {
    var json = eval("(" + data + ")");
    alert(json.msg); // 会弹出执行成功的消息框
}
推荐文章