使用JQuery

最新推荐文章于 2024-09-13 17:30:19 发布

weixin_30682415

最新推荐文章于 2024-09-13 17:30:19 发布

阅读量70

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/GodSince/p/11214557.html

版权

一、前期准备：

新建一个简单的jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>一二零叁的网站</title>
<script>
    document.getElementById("info").innerHTML = "修改后的首页界面";
</script>
</head>
<body>
    <div id="info">首页界面</div>
    <div id="info2">登录界面</div>
</body>
</html>

浏览器上输入地址后，结果显示的文字还是没变，后台报错：Uncaught TypeError: Cannot set property 'innerHTML' of null
原因是因为js的加载顺序的原因。
修改为：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>一二零叁的网站</title>
</head>

<body>
    <div id="info">首页界面</div>
    <div id="info2">登录界面</div>
</body>
<script>
    document.getElementById("info").innerHTML = "修改后的首页界面";
</script>
</html>

之后再次输入网址就可以了

二、引用JQurey

1.在线直接引用

<head> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> 
</head>

代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>一二零叁的网站</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>

<body>
    <div id="info">首页界面</div>
    <div id="info2">登录界面</div>
</body>
<script>
    document.getElementById("info").innerHTML = "修改后的首页界面";
    $("#info2").html("修改后的登录界面");
</script>
</html>

输入地址后，界面有所改变这样就可以了

2.下载到本地后引用

要本地使用JQuery并不需要导入什么包，只需要下载一个jquery.js文件就行了。
下载地址：https://jquery.com/download/
之后放到项目中就可以了，如下图

报错内容：

表示看不懂，网上说只要忽略掉就可以了，按图中步骤忽略掉就可以了

之后javascript的引用路径修改为：

<script src="resource/js/jquery-3.4.1.js">
</script>

这样就可以了。

转载于:https://www.cnblogs.com/GodSince/p/11214557.html

weixin_30682415

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫