href with relative url 在錨點使用相對路徑

作者： -

在前一篇講了ajax call的相對網址的寫法。其實，相對網址的概念也可以用在錨點 href。


如果當前頁面是
http://myserver.com.tw / taiwan / member / index.html

 <a href="page.html">請點我</a>
 <a href="./page.html">請點我</a> //另一種寫法

瀏覽器會把

page.html

自動轉成

http://myserver.com.tw / taiwan / member / page.html


若是 ../ 開頭，

 <a href="../page.html">請點我</a>

會少一層，轉成

http://myserver.com.tw / taiwan / page.html


若是 / 開頭，

 <a href="/page.html">請點我</a>

轉成在domain之後

http://myserver.com.tw / page.html

留言

張貼留言

這個網誌中的熱門文章

ajax call relative url 相對網址

作者： -
$http.get('members.json') $http.get(' ./ members.json') //另一種寫法 這種寫法，就是相對路徑(relative url, relative path)。 如果當前頁面是 http://myserver.com.tw / taiwan / member / index.html 瀏覽器會把 members.json 自動轉成 http://myserver.com.tw / taiwan / member / members.json 若是 ../ 開頭， $http.get('../members.json') 轉成 http://myserver.com.tw / taiwan / members.json 若是 / 開頭， $http.get('/members.json') 轉成在domain之後 http://myserver.com.tw / members.json 如果是開頭兩個斜線(//)？ $http.get('//myserver.com.tw/taiwan/member/members.json') 表示參照當前頁面使用的協定(http://或是https://)，適用於同時使用一種以上協定的網站。
閱讀完整內容

AngularJS (8) directive templateUrl

作者： -
本篇完整程式碼請看( Plunkr ) 當HTML很長或是有重複的內容時，為了讓HTML更好管理、更有組織，所以將很長的內文或是重複的內容抽出放到樣版(template)裡，讓HTML模組化。 AngularJS的宣告標籤有個參數，templateUrl，指定要匯入哪份樣版到HTML頁面。而且，宣告標籤的位置，就決定了樣版匯入到HTML的地方。 舉個例子，我們想在網頁第一頁的開頭顯示一段歡迎文，讓網友覺得親切。 Hello, everyone. Welcome to Titiau. 如果是一般的HTML寫法： <body ng-app="app1"> <p> Hello, everyone.<br/> Welcome to Titiau.<br/> </p> </body> 問題是，這個歡迎文可能很常用，總不能一直複製貼上吧？ <body ng-app="app1"> <p> Hello, everyone.<br/> Welcome to Titiau.<br/> </p> ... <p> Hello, everyone.<br/> Welcome to Titiau.<br/> </p> ... <!--看起來好像蠻冗長的？^_^"--> </body> 所以我們不直接寫死在第一頁，而是把歡迎文字寫到一個樣版。 歡迎文字的樣版 greet.html Hello, everyone.<br/> Welcome to Titiau.<br/> <br/> JS 為了能夠匯入歡迎樣版到第一頁，我們得定義一個連結到歡迎樣版的宣告標籤。 var app = angular.module("app1",[]); app.directive(...
閱讀完整內容