js生成二维码，在JSP中为什么似乎无效，如果是html则可以

xiongxiao 2019-04-19 11:13:34

1、下面是JSP页面，不正常
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/qrcode.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.js"></script>
<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/utf.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type" name="viewport"
content="width=device-width, initial-scale=1">
<title>测试</title>
</head>
<body>
<div class="ad_img" id="ewm"></div>

<script type="text/javascript">
$(function(){
//$("#ewm").qrcode("http://www.baidu.com");
$("#ewm").qrcode({
render: "table", //table方式
width: 140, //宽度
height:120, //高度
text: "1234567890", //任意内容
background :"#ffffff",//背景颜色
foreground :"#000000" //前景颜色
});

});
</script>
</body>
</html>

引入的js都放在js目录下，为网上下载。

下面是html代码，一切正常
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="js/jquery.qrcode.js" ></script>
<script type="text/javascript" src="js/qrcode.js" ></script>
<script type="text/javascript" src="js/utf.js" ></script>

<p>Render in table</p>
<div id="qrcodeTable"></div>
<p>Render in canvas</p>
<div id="qrcodeCanvas"></div>
<script>
jQuery('#qrcodeTable').qrcode({
render : "table", //
text : "http://www.baidu.com" , //
width : "200", //二维码的宽度
height : "200",
});
jQuery('#qrcodeCanvas').qrcode({
render : "canvas",
text : "http://www.baidu.com",
width : "200", //二维码的宽度
height : "200", //二维码的高度
background : "#ffffff", //二维码的后景色
foreground : "#000000", //二维码的前景色
src: 'img/gray.jpg' //二维码中间的图片
});
</script>
</body>
</html>

...全文

185 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Selenium39 2019-04-19

打赏
举报

在浏览器f12看看，看控制台有没有什么报错

Gemini_Kanon 2019-04-19

打赏
举报

引用 4 楼 xiongxiao 的回复:

[quote=引用 3 楼 Gemini_Kanon 的回复:]
把jsp页面上的jquery.js引入放到二维码js上面，作为第一个引入js试试

引用jquery后，可以了，但是另一个问题又出来了，当生成二维码的代码之前，如果有 var form = layui.form; 这一句，则也不显示，而如果我include 一个 base.jsp的话，则也不行，不知是哪个属性引起的，这个base.jsp主要是用于样式与一些基本变量[/quote]
页面有（var form = layui.form;）这句的话你看看控制台上报没报错，没猜错应该是layui undefined之类的

xiongxiao 2019-04-19