html與Jsp文件的糾結

今天在網上下了個手風琴網頁左邊菜單的特效實例,下載下來一看是html文件,直接在IE9,谷歌,Firefox32.0.3瀏覽器運行都沒問題,樣式沒問題,點擊特效也沒問題

現在我將html文件複製到我的web應用下,改成jsp文件

我只將html文件的前面部分替換爲jsp頁面獨有的代碼

<span style="font-size:18px;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 <span style="color:#ff0000;">Transitional//EN</span>"></span>

再運行在tomcat服務器下,我用谷歌,Firefox32.0.3瀏覽器運行都沒問題,可是在IE9上運行就出現了大問題了

css樣式沒有了,js特效也沒有了,這不是坑嗎

到網上也有各種解決辦法

下面是我出現問題的解決辦法

<span style="font-size:18px;"><%@ page language="java" import="java.util.*" <span style="color:#ff0000;">contentType="text/html; charset=UTF-8"</span> pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<span style="color:#ff0000;"><!DOCTYPE html></span>
<html>
<head>
<meta name="content-type" content="text/html; charset=UTF-8"></span>

<!DOCTYPE html>是HTML5中的形式

這樣就好了,css顯示正常,js特效也沒問題了

後來在一個頁面我用了framset標籤,那個jsp文件在MyEclipse中出現黃色信息一大堆,看的都噁心

原來在HTML5中人家不支持framset了,這可到w3c官網查看得知http://www.w3cschool.cc/tags/tag-doctype.html

但是我想用framset怎麼辦呢,網上說用div加css可以實現,但是我一想又改這個樣式太麻煩了,一看官網竟然還有這麼個東西

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

誒它這個 DTD 與 HTML 4.01 Transitional 相同,但是允許使用框架集內容,把那個<!DOCTYPE html>改成這樣就解決問題了


framset還能用哦

終上所述,html轉jsp文件,並且framset要能用的代碼

<%@ page language="java" import="java.util.*"
	<span style="color:#ff0000;">contentType="text/html; charset=UTF-8"</span> pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0<span style="color:#3366ff;">1 Frameset//EN" "http://www.w3.org/TR/html4/</span><span style="color:#ff0000;">frameset.dtd</span><span style="color:#3366ff;">"</span>>
<html>
<head>
<meta name="content-type" content="text/html; charset=UTF-8">

好了終於解決問題了,前臺的一些問題真的能把人的熱情給搞沒了,要考慮兼容性,又要在不同瀏覽器之間運行正常

調試起來都要跪了,一天竟搞了這麼個問題


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章