js如何截取地址栏的一级域名，截取后在html中如何显示

Posted 2023-05-12

window.onload = function()

    var urlArr = window.location.href.split('/');
    var urlShowArea = document.createElement('div');
    
    urlShowArea.innerhtml = urlArr[2];
    document.body.appendChild(urlShowArea);
;

先获取当前页面的整个域名，然后分割字符串，以'/'为分割标识符，得到的数组第三个元素就是一级域名。然后用DOM新建div，把一级域名添加进去就可以在html中显示出来了。

参考技术A var url = document.URL;//获取当前页面的URL
var domain = url.match(/http[s]?:\\/\\/(.*?)([:\\/]|$)/);//匹配指定URL的domain

以上方法获取一个URL地址对应的域名部分

如果只是获取当前页面的域名信息，则可以用以下两种方法

1.location.host
2.document.domain

将信息显示在html中，以将信息输出到<div id="test"></div>为例

document.getElementById('test').innerText = location.host;

追问

大师，将这个代码添加到dede中呢？求解答。。。

追答

以上代码需要在标签中使用

js如何对本地地址进行截取，获取到传递过来的字段？

// 获取页面中的地址,对字段进行处理

//例如：http://localhost/video_learning/mobile/selectCourse/detail.html?courseId=1131417761608630272&&selectCourseflag=0&&creditHour=2转为courseId=1131417761608630272&&selectCourseflag=0&&creditHour=2

function getlocationAddressByte()
　　var url = window.location.search;
　　return url.substring(url.lastIndexOf(‘?‘)+1,url.length);
;

 

// 获取页面中的地址,对字段进行处理
// 例如： url?selectCourseflag=0&&creditHour=2转为"selectCourseflag=0&&creditHour=2",creditHour:2

//courseId: "1131417761608630272", selectCourseflag: "0", creditHour: "2"
function getlocationAddressByte()
var url = window.location.search;
var localtion = url.substring(url.lastIndexOf(‘?‘)+1,url.length);
var tempObj = ;
var arr = localtion.split(‘&&‘);

for (var i = 0; i < arr.length; i++)
var tempTypeArray = arr[i].split(‘=‘);
if (tempObj[tempTypeArray[0]])
tempObj[tempTypeArray[0]] += ‘,‘ + tempTypeArray[1];
else
tempObj[tempTypeArray[0]] = tempTypeArray[1];


// console.log(tempObj);
;