在開發網頁時，時常會將Javascript寫在外部的js檔並直接呼叫使用。在實用面上，如何傳遞參數給該外部js檔使用呢？除了預先在頁面的Javascript區段定義好全域變數供其使用(此方法若全域變數名稱有變動，js亦需要跟著變動)，還有另一種利用屬性帶值的方式，以下程式碼簡單示範一下。
HTML
<!--引用外部js 檔-->
<script src ='demo.js' type='text/javascript' data ='data' ></script>
js
// 取得所有 tag名稱為script的 element
var scripts = document.getElementsByTagName('script' );
// 取得最後一個 (也就是現在執行的這一個 )element
var currentScript = scripts[ scripts.length - 1];
// 將data屬性的值取出
var data = currentScript.getAttribute('data' );
利用data這個屬性，我們可以透過簡單的Javascript，取得最後一個tag為script的element，也就是目前HTML執行呼叫的該element，直接取得該data屬性(data屬性只是demo用，名稱可以隨意取。)即可當作參數使用，不需在HTML裡面再撰寫Javascript，是不是很方便呢？
流風羽 發表在 痞客邦 留言(0) 人氣(3,569)
將整頁面導至 Google
window.location = 'www.google.com';
若為iFrame 要將整頁導頁可使用以下語法 即運用 DOM
top.window.location = 'www.google.com';
流風羽 發表在 痞客邦 留言(0) 人氣(2,899)
ColorBox 如何自訂關閉
使用以下語法即可
parent.$.colorbox.close();
流風羽 發表在 痞客邦 留言(0) 人氣(685)
使用 jQuery 置換圖片
可使用 .attr() 增減或改變其屬性來達成
$("[id$='Image1']").attr('src', './img.png');
以上 Image1 為 img 控制項
改變其 src 指向 img.png
如此即改變呈現圖片了
當然 .attr() 還可用在許多地方
流風羽 發表在 痞客邦 留言(0) 人氣(1,534)
如何利用 Javascript 開啟新視窗且無工具列
以下簡單說明
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
以下簡單說明
參數說明
window.open 彈出新窗口的命令
page.html 彈出窗口的檔案名
newwindow 彈出視窗的名字 非必要 可用空''代替
height 視窗高度
width 視窗寬度
top 視窗距離螢幕上方的 pixel 值
left 視窗距離螢幕左側的 pixel 值
toolbar 是否顯示工具欄 yes為顯示
menubar 表示選項列
scrollbars 表示拖拉 Bar
resizable 是否允許改變視窗大小 yes為允許
location 是否顯示位址欄 yes為允許
status 是否顯示狀態欄內的資訊（通常是檔已經打開） yes為允許
流風羽 發表在 痞客邦 留言(0) 人氣(471)
Technology (30)