js和css重疊（html重疊）

本文目錄一覽：

• 1、html中管理多個js文件和css文件，怎麼統一把銜接放到兩個文件中，分別管理css和js？
• 2、如何讓合併CSS和JS文件來 分別合併相同域名下的JS文件和CSS文件可減少請求數
• 3、合併JS和合併css是怎麼合併的
• 4、請問這個css+js代碼為什麼點擊事件會重疊？
• 5、如何解決JS與CSS中文字亂碼問題
• 6、如何用js或css將文字疊加到圖片上

html中管理多個js文件和css文件，怎麼統一把銜接放到兩個文件中，分別管理css和js？

一、css文件引入其他css文件，使用@import “其他css文件”;

二、js文件挺入其他js文件，使用document.write(“script language=’javascript’ src=’其他JS文件’/script”);

三、實例

3.1、效果

3.2、文件引入查看

3.3、相關代碼

3.3.1、CSS引用與JS導入管理.html

3.3.2、BASE.css

3.3.3、CSS2.css

3.3.4、CSS1.css

3.3.5、BASE.js

3.3.6、JS2.js

3.3.7、JS1.js

參考資料

.[引用時間2018-4-1]

如何讓合併CSS和JS文件來 分別合併相同域名下的JS文件和CSS文件可減少請求數

在同一域名下的js或css可以合併成同一個文件（一個js文件，一個css文件），然後再引用。

合併JS和合併css是怎麼合併的

就是將多個js或css文件合併成一個js或css文件，

就是將多個js或css文件的內容放到一個js或css文件里。

請問這個css+js代碼為什麼點擊事件會重疊？

這個是事件冒泡！和css沒啥關係，就是JS的事。

解決方案：

1.event.stopPropagation();

針對你的代碼 大概是這樣

obj.onmouseup=function(event){

    XXXXXXX;

    event.stopPropagation();

}

事件處理過程中，阻止了事件冒泡，但不會阻擊默認行為（它就執行了超鏈接的跳轉）

2.return false;

obj.onmouseup=function(){

    XXXXXXX;

    return false;

}

事件處理過程中，阻止了事件冒泡，也阻止了默認行為（比如剛才它就沒有執行超鏈接的跳轉）

3.event.preventDefault(); 

obj.onmouseup=function(event){

    XXXXXXX;

    event.preventDefault();

}

在一個對象上觸發某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理程序，那麼此事件就會調用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那麼這個事件會向這個對象的父級對象傳播，從裡到外，直至它被處理（父級對象所有同類事件都將被激活），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window）。

以上部分摘自：網頁鏈接

如何解決JS與CSS中文字亂碼問題

這是因為js和css文件字符集設置的問題，不支持中文或者與網站的字符集衝突。

解決辦法

1、安裝notepad++程序

2、用notepad++打開js、css和html文件，修改文件的字符集編碼

3、修改html展現時的字符集

統一使用utf-8字符集後，顯示任何語言都不存在亂碼

如何用js或css將文字疊加到圖片上

1、直接用背景圖片

2、設置兩個div，圖片和文字分別放在兩個div內，設置相對定位