Dreamweaver(DW)是一款優秀的網頁設計工具,其自帶jQuery庫可讓我們輕松地使用jQuery框架。以下是一些關于DW自帶jQuery的有用信息。
第一步是在DW中創建網頁。選擇一個HTML文件并打開代碼視圖,之后在文件頭部添加如下代碼:
<!DOCTYPE html>
<html>
<head>
<script>
window.jQuery || document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"><\/script>');
</script>
</head>
<body>
</body>
</html>
這里的代碼使用了jQuery的CDN(Content Delivery Network)方式,即向谷歌服務器請求jQuery代碼,從而避免必須直接下載jQuery文件到本地的繁瑣過程。
現在你可以隨意在網頁中使用jQuery了。添加如下代碼到
標簽中:<script>
$(document).ready(function(){
//在這里添加你的jQuery代碼
});
</script>
這里的$(document).ready()函數將在頁面加載完成后執行其中的jQuery代碼。你現在可以添加你自己的jQuery代碼以及各種插件、效果等等,讓你的網頁更有吸引力。
作為一個DW用戶,你可能更加關注DW自帶的jQuery功能,即DataSets。這是一種可以將網頁對象連接到數據庫的方法,能夠輕松地展示、過濾、排序等等。
要使用DataSets,首先我們需要使用DW的應用程序面板(Application Panel)中的數據面板(Data Panel)來連接到你的數據庫。
之后,你可以在你的代碼中使用DataSets面板中的數據,如下:
var ds = dwscripts.getDataSet('myDataSet');
ds.setConnection('myConnection');
ds.setSQL('SELECT * FROM table');
var recordSet = ds.getRecordSet();
while (!recordSet.eof){
//將數據展示到網頁中
recordSet.moveNext();
}
現在你已經知道如何在DW中使用jQuery并連接到數據庫。在未來的設計工作中,這些技能可能將對你非常有用。歡迎繼續學習jQuery和Dreamweaver,來使你的網頁設計變得更加高效和專業!
上一篇mysql中地段三位小數
下一篇怎么連接到css文件