<c:url>标签相关知识点-CSDN博客

<c:url>标签相关知识点 - GrandKai - 博客园

Sallet

随笔-145 文章-10 评论-0

    </div><!--end: blogStats -->
</div><!--end: navigator 博客导航栏 -->

<c:url>标签相关知识点

一、

<c:url>标签的作用主要用来产生字符串类型的url,而不是产生一个超链接,注意url(统一资源定位符)与超链接两个含义的区别.

<c:url value=”http://www.baidu.com” />在JSP页面中的输出形式如下:

可以看出来这在页面中就是个字符串,不是一个能点击的超链接.

————————————————————————————————

二、要想使用这个<c:url>生成超链接,就必须配合HTML元素<a>使用.

例如:

<a href=”

<c:url value=”./testParamImported.jsp”>

<c:param name=”username” value=”yangmu”></c:param>

<c:param name=”password” value=”hello”></c:param>

</c:url>

“>跳转页面</a>

这样的代码在页面中的显示如下:

这样形成可以点击的超链接了.

————————————————————————————————–

三、

如上例,也可结合使用<c:param>标签对<c:url>生成的url字符串追加参数

上例形成的url字符串如下:

这样的两个标签结合使用就可以自动生成有效格式的url.

————————————————————————————————–

四、

<a>元素,<c:url>,<c:param>标签三者结合使用:

显示结果:

点击这个超链接后的结果:

————————————————————————————————–

五、可以利用var和scope属性将<c:url>标签生成的字符串类型url存储在四作用域的属性内,然后再通过EL表达式将存储在四作用域属性中的url取出来.

下图是以上代码在页面中的显示.

点击链接后的结果:

————————————————————————————————-

六、没有使用<c:url>标签之前必须使用文档相对路径或是绝对路径对目标资源进行定位,如果使用根相对路径就会发生错误,具体详见 J2EE中的绝对路径&根相对路径&文档相对路径问题注意,但是在使用<c:url>标签的时候就可以以Web应用的根目录为参考点出发进行资源的定位,即根相对路径的使用.

例:

lightning.jpg资源定位:

使用根相对路径定位的结果:

这样就会自动产生链接到page文件夹下lightning.jpg的地址,无须再耗费时间计算图片的相对地址.并且当域名改变的时候,也不需要改变绝对路径.

上面图片产生的绝对路径如下图:

    </div>
    <div class = "postDesc">posted @ <span id="post-date">2014-07-18 13:32</span> <a href='http://www.cnblogs.com/sallet/'>GrandKai</a> 阅读(<span id="post_view_count">...</span>) 评论(<span id="post_comment_count">...</span>)  <a href ="https://i.cnblogs.com/EditPosts.aspx?postid=3853307" rel="nofollow">编辑</a> <a href="#" onclick="AddToWz(3853307);return false;">收藏</a></div>
</div>
<script type="text/javascript">var allowComments=true,cb_blogId=185046,cb_entryId=3853307,cb_blogApp=currentBlogApp,cb_blogUserGuid='7ffa1e9f-ead4-e311-8d02-90b11c0b17d6',cb_entryCreatedDate='2014/7/18 13:32:00';loadViewCount(cb_entryId);</script>

刷新评论刷新页面返回顶部

fixPostBody(); setTimeout(function () { incrementViewCount(cb_entryId); }, 50); deliverAdT2(); deliverAdC1(); deliverAdC2(); loadNewsAndKb(); loadBlogSignature(); LoadPostInfoBlock(cb_blogId, cb_entryId, cb_blogApp, cb_blogUserGuid); GetPrevNextPost(cb_entryId, cb_blogId, cb_entryCreatedDate); loadOptUnderPost(); GetHistoryToday(cb_blogId, cb_blogApp, cb_entryCreatedDate);

</div><!--end: forFlow -->
</div><!--end: mainContent 主体内容容器-->

<div id="sideBar">
    <div id="sideBarMain">

公告

        <div id="calendar"><div id="blog-calendar" style="display:none"></div><script type="text/javascript">loadBlogDefaultCalendar();</script></div>

        <div id="leftcontentcontainer">
            <div id="blog-sidecolumn"></div><script type="text/javascript">loadBlogSideColumn();</script>
        </div>

    </div><!--end: sideBarMain -->
</div><!--end: sideBar 侧边栏容器 -->
<div class="clear"></div>
</div><!--end: main -->
<div class="clear"></div>
<div id="footer">