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的四种方式
- 下一篇： layui——一种基于javascrip