รับชื่อโดเมนปัจจุบันด้วย Javascript (ไม่ใช่เส้นทาง ฯลฯ )

ฉันวางแผนที่จะซื้อชื่อโดเมนสองชื่อสำหรับเว็บไซต์เดียวกัน ฉันวางแผนที่จะให้ข้อมูลที่แตกต่างกันเล็กน้อยบนหน้าเว็บทั้งนี้ขึ้นอยู่กับโดเมนที่ใช้ มีวิธีที่ฉันจะตรวจสอบชื่อโดเมนจริงที่หน้ากำลังโหลดจากเพื่อให้ฉันรู้ว่าสิ่งที่จะเปลี่ยนเนื้อหาของฉันไป?

ฉันดูรอบ ๆ เพื่อสิ่งนี้ แต่ส่วนใหญ่ไม่ได้ทำงานอย่างที่ฉันต้องการ

ตัวอย่างเช่นเมื่อใช้

document.write(document.location)

บนJSFiddleจะส่งคืน

http://fiddle.jshell.net/_display/

เช่นเส้นทางที่เกิดขึ้นจริงหรืออะไรก็ตามที่เป็น

เกี่ยวกับ:

window.location.hostname

locationวัตถุจริงมีจำนวนของคุณลักษณะหมายถึงชิ้นส่วนที่แตกต่างกันของ URL

ลองเรียกใช้ใน script: path: http: // localhost: 4200 / landing? query = 1 # 2

console.log(window.location.hash)

ตำแหน่งมีค่าต่อไปนี้:

window.location.hash: "#2"
​
window.location.host: "localhost:4200"
​
window.location.hostname: "localhost"
​
window.location.href: "http://localhost:4200/landing?query=1#2"
​
window.location.origin: "http://localhost:4200"
​
window.location.pathname: "/landing"
​
window.location.port: "4200"
​
window.location.protocol: "http:"

window.location.search: "?query=1"

หากคุณไม่สนใจชื่อโฮสต์ (ตัวอย่างwww.beta.example.com) แต่อยู่ในชื่อโดเมน (ตัวอย่างexample.com) สิ่งนี้ใช้ได้กับชื่อโฮสต์ที่ถูกต้อง:

function getDomainName(hostName)
{
    return hostName.substring(hostName.lastIndexOf(".", hostName.lastIndexOf(".") - 1) + 1);
}

function getDomain(url, subdomain) {
    subdomain = subdomain || false;

    url = url.replace(/(https?:\/\/)?(www.)?/i, '');

    if (!subdomain) {
        url = url.split('.');

        url = url.slice(url.length - 2).join('.');
    }

    if (url.indexOf('/') !== -1) {
        return url.split('/')[0];
    }

    return url;
}

ตัวอย่าง

• getDomain (' http://www.example.com '); // example.com
• getDomain ( 'www.example.com'); // example.com
• getDomain (' http://blog.example.com ', จริง); // blog.example.com
• getDomain (location.href); // ..

รุ่นก่อนหน้าได้รับโดเมนแบบเต็ม (รวมถึงโดเมนย่อย) ตอนนี้มันจะกำหนดโดเมนที่ถูกต้องขึ้นอยู่กับการตั้งค่า ดังนั้นเมื่อมีการระบุอาร์กิวเมนต์ที่ 2 เป็นจริงมันจะรวมโดเมนย่อยมิฉะนั้นจะส่งกลับเฉพาะ 'โดเมนหลัก'

คุณสามารถรับได้จากวัตถุตำแหน่งใน Javascript ได้อย่างง่ายดาย:

ตัวอย่าง URL ของหน้านี้คือ:

http://www.stackoverflow.com/questions/11401897/get-the-current-domain-name-with-javascript-not-the-path-etc

จากนั้นเราจะได้โดเมนที่แน่นอนพร้อมด้วยคุณสมบัติของวัตถุตำแหน่ง

location.host = "www.stackoverflow.com"
location.protocol= "http:"

คุณสามารถสร้างโดเมนแบบเต็มด้วย:

location.protocol + "//" + location.host

ซึ่งในตัวอย่างนี้ส่งคืน http://www.stackoverflow.com

ฉันนอกจากนี้เราจะได้รับ URL เต็มและเส้นทางที่มีคุณสมบัติอื่น ๆ ของวัตถุที่ตั้ง:

location.href= "http://www.stackoverflow.com/questions/11401897/get-the-current-domain-name-with-javascript-not-the-path-etc"    
location.pathname= "questions/11401897/get-the-current-domain-name-with-javascript-not-the-path-etc"

หากคุณมีความสนใจเฉพาะในชื่อโดเมนและต้องการที่จะไม่สนใจโดเมนย่อยแล้วคุณจะต้องแยกมันออกจากและhosthostname

รหัสต่อไปนี้ทำสิ่งนี้:

var firstDot = window.location.hostname.indexOf('.');
var tld = ".net";
var isSubdomain = firstDot < window.location.hostname.indexOf(tld);
var domain;

if (isSubdomain) {
    domain = window.location.hostname.substring(firstDot == -1 ? 0 : firstDot + 1);
}
else {
  domain = window.location.hostname;
}

http://jsfiddle.net/5U366/4/

เนื่องจากคำถามนี้ถามชื่อโดเมนไม่ใช่ชื่อโฮสต์คำตอบที่ถูกต้องควรเป็น

window.location.hostname.split('.').slice(-2).join('.')

สิ่งนี้ใช้ได้กับชื่อโฮสต์เช่นwww.example.comด้วย

ใช้

document.write(document.location.hostname)​

window.locationมีคุณสมบัติมากมาย ดูที่นี่สำหรับรายการของพวกเขา

หากคุณต้องการที่มาของโดเมนแบบเต็มคุณสามารถใช้สิ่งนี้:

document.location.origin

และถ้าคุณต้องการที่จะได้รับโดเมนเท่านั้นใช้คุณได้แค่นี้

document.location.hostname

แต่คุณมีตัวเลือกอื่น ๆ ดูที่คุณสมบัติใน:

document.location

ฟังก์ชั่นนี้เกี่ยวกับอะไร?

window.location.hostname.match(/\w*\.\w*$/gi)[0]

สิ่งนี้จะจับคู่เฉพาะชื่อโดเมนโดยไม่คำนึงว่าเป็นโดเมนย่อยหรือโดเมนหลัก

หากคุณต้องการรับชื่อโดเมนใน JavaScript เพียงใช้รหัสต่อไปนี้:

var domain_name = document.location.hostname;
alert(domain_name);

หากคุณต้องการเส้นทาง URL ของหน้าเว็บเพื่อให้คุณสามารถเข้าถึงเส้นทาง URL ของเว็บใช้ตัวอย่างนี้:

var url = document.URL;
alert(url);

สำหรับกรณีของฉันการจับคู่ที่ดีที่สุดคือ window.location.origin

ฉันใหม่กับ JavaScript แต่ไม่สามารถใช้เพียง: document.domain ?

ตัวอย่าง:

<p id="ourdomain"></p>

<script>
var domainstring = document.domain;
document.getElementById("ourdomain").innerHTML = (domainstring);
</script>

เอาท์พุท:

domain.com

หรือ

www.domain.com

ขึ้นอยู่กับสิ่งที่คุณใช้บนเว็บไซต์ของคุณ

ฉันคิดว่ามันควรจะง่ายอย่างนี้

url.split("/")[2]

เมื่อรวมคำตอบจากข้างบนเข้าด้วยกันสิ่งต่อไปนี้ใช้ได้ดีสำหรับฉันในการทำลายคุกกี้:

  /**
   * Utility method to obtain the domain URI:
   */
  fetchDomainURI() {
    if (window.location.port.length > 0) {
      return window.location.hostname;
    }
    return `.${window.location.hostname.match(/\w*\.\w*$/gi)[0]}`;
  }

ใช้งานได้สำหรับที่อยู่ IP ที่มีพอร์ตเช่น 0.0.0.0:8000 เป็นต้นรวมถึงโดเมนที่ซับซ้อนเช่นapp.staging.example.comreturn .example.com=> ช่วยให้สามารถตั้งค่าคุกกี้ข้ามโดเมนและทำลายได้

หากคุณต้องการชื่อโดเมนประเทศ - ตัวอย่างเช่นเพื่อแยก  . com   จาก stackoverflow.com:

(ES6):

const getCountryDomainName = () => {
  let hostName = window.location.hostname;
  let lastDotIndex = hostName.lastIndexOf('.');
  let countryDomainName = hostName.substr(lastDotIndex+1, hostName.length);
  return countryDomainName;
}

(ES5):

function getCountryDomainName() {
  let hostName = window.location.hostname;
  let lastDotIndex = hostName.lastIndexOf('.');
  let countryDomainName = hostName.substr(lastDotIndex+1, hostName.length);
  return countryDomainName;
}

จากนั้นใช้ฟังก์ชันเพื่อกำหนดค่าให้กับ var:

const countryDomainName = getCountryDomainName();

       Feel free to visit our “<a href="javascript:document.location.href=document.location.origin+'/contact-us'" title="Click to Contact Us" class="coded_link" ><span class="ui-icon ui-icon-newwin"></span>Contact</a>” link

ทำงานได้จริงสำหรับฉันในขณะที่ฉันไม่สามารถใช้ PHP

เพิ่งทดสอบว่าใช้งานได้ด้วยวิธีการที่กล่าวถึงข้างต้นในคำตอบบางคำตอบดังนั้นรวดเร็วและผ่านการตรวจสอบแล้วว่าได้ผล