HTML和jQuery拆分成两个文件
生活随笔
收集整理的這篇文章主要介紹了
HTML和jQuery拆分成两个文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
合并寫法
<!DOCTYPE html> <html lang="en"> {% load staticfiles %} <head><meta charset="UTF-8"><!--鏈接式--><link rel="stylesheet" href="{% static 'css/base_emma.css' %}"><script src="{% static 'js/jquery-3.3.1.min.js' %}"></script><script src="{% static 'js/emma.js' %}"></script><title>tst01 title</title> </head><body><div><p>Settings</p>input_name<input value="input">check_name<input type="checkbox" value="checkbox">radio_name<input type="radio" value="radio"><br><h3 class="notbr">Accounts:</h3><h4 id="account" class="notbr" >點擊開始獲取</h4><br><h3 class="notbr">Passwords:</h3><h4 id="pwd" class="notbr">點擊開始獲取</h4><br><button id="start_button">開始</button></div> </body><!--嵌入式--> <script> $(function emmajs1(){$('#start_button').click(function(){//只是調用了views$.get({url:"../tst02 "},function(data){$('#account').html(data['account']);$('#pwd').html(data['pwd']);})}) }) </script> </html>拆分寫法
1. HTML文件
<!DOCTYPE html> <html lang="en"> {% load staticfiles %} <head><meta charset="UTF-8"><!--鏈接式--><link rel="stylesheet" href="{% static 'css/base_emma.css' %}"><script src="{% static 'js/jquery-3.3.1.min.js' %}"></script><script src="{% static 'js/emma.js' %}"></script><title>tst01 title</title> </head><body><div><p>Settings</p>input_name<input value="input">check_name<input type="checkbox" value="checkbox">radio_name<input type="radio" value="radio"><br><h3 class="notbr">Accounts:</h3><h4 id="account" class="notbr" >點擊開始獲取</h4><br><h3 class="notbr">Passwords:</h3><h4 id="pwd" class="notbr">點擊開始獲取</h4><br><button id="start_button">開始</button></div> </body><!--嵌入式--> <script> emmajs1(); </script></html>2. JS文件
$(function emmajs1(){$('#start_button').click(function(){//只是調用了views$.get({url:"../ifm02 "},function(data){$('#account').html(data['account']);$('#pwd').html(data['pwd']);})}) })總結
以上是生活随笔為你收集整理的HTML和jQuery拆分成两个文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【转载】HTML导入css的四种方式
- 下一篇： 电脑端京东的我的订单html+css页面