JQuery 是一個JavaScript庫,包含了許多實用函數,用于處理HTML文檔、實現動畫效果、處理事件、執行AJAX請求等。本文主要介紹如何使用JQuery中的load()
函數來加載不同的HTML頁面到一個DIV標簽中。
在HTML頁面中通過DIV標簽定義一個容器:
<div id="container"></div>
然后通過 JQueryload()
函數來加載指定頁面到該容器中:
$("#container").load("page.html");
其中page.html
是要加載的HTML頁面。在實際應用中,可以將頁面內容用 PHP、JSP 等動態語言生成,通過 JQuery 的 AJAX 請求加載。
另外,JQueryload()
函數還支持傳遞參數,可以將參數傳遞到要加載的頁面中,例如:
$("#container").load("page.php", { name: "Bob", age: 18 });
將會把{ name: "Bob", age: 18 }
這個對象傳遞到page.php
中。在page.php
中可以通過$_GET
、$_POST
等方式獲取這些參數。
總體來說,使用 JQueryload()
函數來加載HTML頁面是一種簡單方便的方法,可以用于實現動態頁面效果和修改頁面內容。
上一篇個人簡歷css+代碼