table里面td标签下的文字的a标签onclick事件无法触发，求大神们解决

夕阳下的青春 2019-08-30 06:07:35
先贴自己的代码：
<body class="easyui-layout">
<div id="pageForm" style="height:auto;padding:10px" border="true">
<table border="1" cellspacing="0" cellpadding="0" >
<tr>
<td width="200">
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" align="center" width="350" height="150">
<tr>
<td colspan="5" style="text-align:center;font-size:18px;font-wight:bold;" width="100">
<img src='$_basePath/img/sflc.png' width='18' height='18' />  业务量统计
</td>
</tr>
<tr>
<td style="text-align:center;" width="160" height="30">
年度
</td>
<td style="text-align:center;" width="100">
$!year.threeYear
</td>
<td style="text-align:center;" width="100">
$!year.beforeYear
</td>
<td style="text-align:center;" width="100">
$!year.lastYear
</td>
<td style="text-align:center;" width="100">
$!year.currentYear
</td>
</tr>
<tr>
<td style="text-align:center;" width="160" height="40">
融资台量
</td>
<td style="text-align:center;" width="100">
$!ThreeMap.AMOUNT</a>
</td>
<td style="text-align:center;" width="100">
$!BeforeMap.AMOUNT</a>
</td>
<td style="text-align:center;" width="100">
$!LastMap.AMOUNT</a>
</td>
<td style="text-align:center;" width="100">
<a href="javascript:void(0);" onclick="viewDetail();">$!CurrentMap.AMOUNT</a>
</td>
</tr>
<tr>
<td style="text-align:center;" width="160" height="40">
融资金额(万元)
</td>
<td style="text-align:center;" width="100">
$!ThreeMap.FINANCE_TOPRIC
</td>
<td style="text-align:center;" width="100">
$!BeforeMap.FINANCE_TOPRIC
</td>
<td style="text-align:center;" width="100">
$!LastMap.FINANCE_TOPRIC
</td>
<td style="text-align:center;" width="100">
$!CurrentMap.FINANCE_TOPRIC
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

js:
function viewDetail(){
alert("11");
}

这是最简单的js调用了，一个下午了，都解决不了，求大神们帮忙看看问题，谢谢
...全文
974 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
freekaiQaQ 2019-09-02
  • 打赏
  • 举报
 回复
引用 3 楼 夕阳下的青春 的回复:
[quote=引用 1 楼 逝水流年风萧兮 的回复:] 你代码没发全，测了一下，发现没问题，估计是你js使用出现了问题。 你可以试试这两种方法
引用的没问题，不管是引用js还是直接调用都没用[/quote] 用你贴的代码，直接调用正常执行方法。以下是你的代码 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>可视化报表主页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
#parse("content/importBase.vm")
<script type="text/javascript" src="$_basePath/visualReport/js/visualReport.js"></script>
</head>
<body class="easyui-layout" style="background-image:none;">
<a href="javascript:void(0);" onclick="viewDetail()">sdsdsd</a>
<div region="center" border="false">
<div id="pageForm" style="height:auto;padding:20px" border="true">

                <table border="1"  bordercolor="#000000" cellpadding="0" cellspacing="0" align="center" width="350" height="150">
                	<tr>
                	<td colspan="5" style="text-align:center;font-size:18px;font-wight:bold;" width="100">
                	<img src='$_basePath/img/sflc.png' width='18' height='18' />  业务量统计
                	</td>
                	</tr>
                	<tr>
                	<td style="text-align:center;" width="160" height="30">
                	年度1
                	</td>
                	<td style="text-align:center;" width="100">
                	$!year.threeYear
                	</td>
                	<td style="text-align:center;" width="100">
                	$!year.beforeYear
                	</td>
                	<td style="text-align:center;" width="100">
                	$!year.lastYear
                	</td>
                	<td style="text-align:center;" width="100">
                	$!year.currentYear
                	</td>
                	</tr>
                	<tr>
                	<td style="text-align:center;" width="160" height="40">
                	融资台量
                	</td>
                	<td style="text-align:center;" width="100">
                	$!ThreeMap.AMOUNT
                	</td>
                	<td style="text-align:center;" width="100">
                	$!BeforeMap.AMOUNT
                	</td>
                	<td style="text-align:center;" width="100">
                	<a href="javascript:void(0);" onclick="viewDetail();">$!LastMap.AMOUNT</a>
                	</td>
                	<td style="text-align:center;" width="100">
                	$!CurrentMap.AMOUNT
                	</td>
                	</tr>
                	<tr>
                	<td style="text-align:center;" width="160" height="40">
                	融资金额(万元)
                	</td>
                	<td style="text-align:center;" width="100">
                	$!ThreeMap.FINANCE_TOPRIC
                	</td>
                	<td style="text-align:center;" width="100">
                	$!BeforeMap.FINANCE_TOPRIC
                	</td>
                	<td style="text-align:center;" width="100">
                	$!LastMap.FINANCE_TOPRIC
                	</td>
                	<td style="text-align:center;" width="100">
                	$!CurrentMap.FINANCE_TOPRIC
                	</td>
                	</tr>
                </table>
</div>
</div>
</body>
<script type="text/javascript">
function viewDetail(){
alert("11");
}
</script>
</html>
夕阳下的青春 2019-09-02
  • 打赏
  • 举报
 回复
贴一下我的全部代码，大神们给看一下：

这是页面的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>可视化报表主页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
#parse("content/importBase.vm")
<script type="text/javascript" src="$_basePath/visualReport/js/visualReport.js"></script>
</head>
<body class="easyui-layout" style="background-image:none;">
<a href="javascript:void(0);" onclick="viewDetail()">sdsdsd</a>
<div region="center" border="false">
<div id="pageForm" style="height:auto;padding:20px" border="true">

<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" align="center" width="350" height="150">
<tr>
<td colspan="5" style="text-align:center;font-size:18px;font-wight:bold;" width="100">
<img src='$_basePath/img/sflc.png' width='18' height='18' />  业务量统计
</td>
</tr>
<tr>
<td style="text-align:center;" width="160" height="30">
年度1
</td>
<td style="text-align:center;" width="100">
$!year.threeYear
</td>
<td style="text-align:center;" width="100">
$!year.beforeYear
</td>
<td style="text-align:center;" width="100">
$!year.lastYear
</td>
<td style="text-align:center;" width="100">
$!year.currentYear
</td>
</tr>
<tr>
<td style="text-align:center;" width="160" height="40">
融资台量
</td>
<td style="text-align:center;" width="100">
$!ThreeMap.AMOUNT
</td>
<td style="text-align:center;" width="100">
$!BeforeMap.AMOUNT
</td>
<td style="text-align:center;" width="100">
<a href="javascript:void(0);" onclick="viewDetail();">$!LastMap.AMOUNT</a>
</td>
<td style="text-align:center;" width="100">
$!CurrentMap.AMOUNT
</td>
</tr>
<tr>
<td style="text-align:center;" width="160" height="40">
融资金额(万元)
</td>
<td style="text-align:center;" width="100">
$!ThreeMap.FINANCE_TOPRIC
</td>
<td style="text-align:center;" width="100">
$!BeforeMap.FINANCE_TOPRIC
</td>
<td style="text-align:center;" width="100">
$!LastMap.FINANCE_TOPRIC
</td>
<td style="text-align:center;" width="100">
$!CurrentMap.FINANCE_TOPRIC
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

这是js：
function viewDetail(){
alert("11");
}
夕阳下的青春 2019-09-02
  • 打赏
  • 举报
 回复
引用 2 楼 a_b_a_b_a_b_a_b 的回复:
F12看控制台报错不，页面加载完成后加载没加载你的js？


控制台没报错，就是没加载js所以调不到
夕阳下的青春 2019-09-02
  • 打赏
  • 举报
 回复
引用 1 楼 逝水流年风萧兮 的回复:
你代码没发全，测了一下，发现没问题，估计是你js使用出现了问题。
你可以试试这两种方法


引用的没问题，不管是引用js还是直接调用都没用
a_b_a_b_a_b_a_b 2019-08-31
  • 打赏
  • 举报
 回复
F12看控制台报错不，页面加载完成后加载没加载你的js？
似水流年风萧兮 2019-08-31
  • 打赏
  • 举报
 回复
你代码没发全，测了一下，发现没问题，估计是你js使用出现了问题。
你可以试试这两种方法
HTML必知必会精讲
本课程《HTML必知必会精讲》详细讲述了HTML必备知识点，内容包括：HTML概述、HTML规范、HTML思想、HBuilder工具的介绍和使用、常见标签（字体font标签、加粗b标签、下划线u标签、删除线s标签、字体倾斜i标签、上标sup标签和下标sub标签、注释标签、标题h1标签、水平线hr标签、特殊字符、列表标签）、图片img标签、HTML中的路径问题讨论（绝对路径和相对路径）、pre标签和p标签、超链接a标签、表格table标签、表单form标签（文本输入框text，密码输入框password，单选输入框radio，复选输入框checkbox，文本域textarea，文件上传项file，提交按钮submit，恢复按钮reset，普通按钮button，下拉输入框select，隐藏项hidden）、div和span标签、元标签meta、base标签、link标签、页面框架标签frameset。课程特色：所有内容均详细演示使用步骤和细节，全程手写代码，零基础都可轻松掌握！
table表格里面td的点击冒泡事件
html部分： 项目一： 进行中：100 未完成：33 已处理问题：21 待解决问题：23 项目二：
input触发弹出层，实现select 效果
在Html中，标签标示一个文本输入框，没有结束标签。标签就是弹出下拉框，两个标签是相互独立的，如果把两者结合在一起，那可能会成为一个新的亮点，增加用户体验。其实已经有很多比较成熟的效果，比如google的自动补全效果，在用户输入部分关键字之后，会弹出相应的下拉选项，这样都大大提高了用户的体验效果。刚好这周，客户提出要调整输入框效果，实现input和select相结合。 在组件中，这样的东西并不存
网页设计基础理论
ID选择器的使用方法和类选择器基本相同，不同之处主要在于ID选择器只能在HTML页面中使用一次，因此针对性更强，只用来对单一元素定义单独的样式。ID选择器使用时需要设置标签的ID属性，对与一个网页而言，每一个标签均可以使用ID="ID名"的形式对ID属性进行名称的指派。在定义ID选择器时，要在ID名称前面加一个“#”号。 导航栏是用户在规划好站点结构、开始设计主页时必须考虑的一项内容。导航栏的作用就是让浏览者在浏览站点时，不会因为迷路而中止对站点的访问。事实上，导航栏就是一组超链接，这组超链接的目标就是
面试题整理
html 什么是语义化的HTML? 选择合适的标签。搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。这对搜索引擎的抓取有好处。 符合内容的结构化：在没有CSS的情况下，让页面展现出清晰地结构。 有利于开发和维护：能够使阅读源代码的人更容易明白网页的结构。 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下） 行内元素特性： 和相...
Web 开发

81,092

社区成员

341,718

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章