剥离变量中的文本：javascript

Question

的变量

var url='http://www.example.com/index.php?id=ss';

考虑像or 这样

var url='http://www.example.com/dir1/dir2/index.php';

在这些变量中，我只想获取域部分，即 http://www.example.com，去掉其他文本。这在普通的 javascript 或 jquery 中可能吗？

请帮忙

Answer 1

无需争论 URL 字符串。浏览器有自己的 URL 解析器，您可以使用 HTMLAnchorElement 的类似 location 的属性来访问它：

var a= document.createElement('a');
a.href= 'http://www.example.com/index.php?id=ss';

alert(a.protocol); // http
alert(a.hostname); // www.example.com
alert(a.pathname); // /index.php
alert(a.search);   // ?id=ss
// also port, hash

Answer 2

如果您想使用 URI 显式执行此操作，则可以使用 js URI 库来实现此目的。示例库，例如 js-uri

var url=new URI('http://www.example.com/dir1/dir2/index.php');
var sch = uri.scheme // http
var auth = uri.authority // www.example.com

Answer 3

使用子字符串和indexOf 的替代方法:)

/* FUNCTION: getBaseUrl
 * DESCRIPTION: Strips a url's sub folders and returns it
 * EXAMPLE: getBaseUrl( http://stackoverflow.com/questions
 *   /3102830/stripping-texts-in-a-variable-javascript );
 * returns -- http://stackoverflow.com/
 */
function getBaseUrl( url ) {
    if ( url.indexOf('.') == -1 || url.indexOf('/') == -1 ) { return false; }

    var result = url.substr(0, url.indexOf( '/' , url.indexOf('.') ) + 1 );
    return( result );
}

Answer 4

您可以使用 RegExp 对象。

Answer 5

var url='http://www.example.com/index.php?id=ss';
url = url.replace(/^.*?:\/\/(.*?)\/.*$/, "$1");

alert(url);