查找页面中所有相对 URL 的基准 URL

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <base id="myBaseId" href="http://www.yousite.com/books/jsref/" />
  5. </head>
  6. <body>
  7.  
  8. <p>单击按钮以显示 base 元素的 href 属性的值。</p>
  9.  
  10. <button onclick="myFunction()">试一试</button>
  11.  
  12. <p id="demo"></p>
  13.  
  14. <script>
  15. function myFunction() {
  16.   var x = document.getElementById("myBaseId").href;
  17.   document.getElementById("demo").innerHTML = x;
  18. }
  19. </script>
  20.  
  21. </body>
  22. </html>
  23.