網頁開發知識 | Web-Dev Blog
問題情境 在做 HTML5 input required 送出檢查時，網頁錨點捲動是以物件做TOP定位點，可能會被 Fixed Header/Navbar 擋到。 解決方法 使用scrollIntoView override方法： var elements = document.querySelectorAll(‘input,select,textarea’); for (var i = elements.length; i–;) { elements[i].addEventListener(‘invalid’, function () { this.scrollIntoView(false); }); } jsfiddle
看以下Code即可： <script> (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’); ga(‘create’, ‘UA-12345678-1’, ‘auto’); //建立第一個帳號 ga(‘create’, ‘UA-87654321-2’, ‘auto’, ‘secondGA’}); //建立第二個帳號 ga(‘require’, ‘displayfeatures’); //啟用客層和興趣報表 ga(‘send’, ‘pageview’); //送出第一個帳號PV ga(‘secondGA.send’,’pageview’); //送出第二個帳號PV </script> Refer:https://developers.google.com/analytics/devguides/collection/analyticsjs/creating-trackers
做個AJAX跨網域可是容易忘記細節的，這就來篇Note， 後端部分，Server Header請開啟(以PHP動態Header為例)： header(“Access-Control-Allow-Origin: *”); header(“Access-Control-Allow-Credentials: true”); Cookie夾帶 如需夾帶Cookie則前端的AJAX需開啟Credentials，JQuery為例： $.ajax({ xhrFields: { withCredentials: true }, type: “GET”, url: “http://www.example.org/ajax.php” }).done(function (data) { console.log(data); }); xhrFields中withCredentials要開啟，這就是亮點！
Intro 跨來源資源共享（英語：Cross-origin resource sharing，縮寫：CORS），用於讓網頁的受限資源能夠被其他域名的頁面存取的一種機制。 跨來源資源共享標準描述了，新的HTTP頭部在瀏覽器有權限的時候，應該以如何的形式傳送請求到遠端URLs。雖然伺服器會有一些校驗和認證，但是瀏覽器有責任去支援這些頭部以及增加相關的限制。 實作 做個AJAX跨網域可是容易忘記細節的，這就來篇Note， 後端部分，Server Header請開啟(以PHP動態Header為例)： header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Credentials: true"); 若要包含跨域請求的認證資訊 (如 cookies)，則前端 Ajax call 得設定 withCredentials 屬性，JQuery為例： $.ajax({ xhrFields: { withCredentials: true }, type: "GET", url: "http://www.example.org/ajax.php" }).done(function (data) { console.log(data); }); References jQuery.ajax() | jQuery […]