1、確定引用的js文件的路徑名稱是否正確、文件是否存在
<script type="javascript" src="js/jquery-1.8.3.min.js"></script>
2、將js代碼放在<head>標簽中，代碼會先被執行
3、保證非定義命名函數以外的jQuery代碼都在文檔就緒函數中編寫，避免出現找不到資源
<script type="text/javascript" >
$().ready(function(){
alert("welcome to the ping pong battle.");
})；
</script>
Ⅱ jsp引入js文件的問題
1)引入的js文件出錯，
檢查方法：將Js的內容寫在當前的頁面的<script> </script>之間，看是否能夠正常運行，如果不能，請核查代碼
2) 如果引入的代碼在當前頁面中能夠正常運行，但當引入時不能正常運行，則有兩種可能
A:引入Js的路徑有問題
B:引入的Js的編碼格式與當前頁面不匹配；
3)引入Js的路徑問題
js的引入不外乎兩種，相對路徑與絕對路徑
test.js 與index.jsp 放在同一文件夾下,比如: web應用/manage/下面
第一種情況 :
一般在學習時, 一個tomcat上都跑多個工程, 用工程名來區分
因為我的的URL是 :http://localhost/工程名 /manage/index.jsp
多了一個工程名,所以要加 <%=request.getContextPath() %>
如下:
<script src="<%=request.getContextPath() %> /manage/test.js"></script>
第二種情況:
訪問JSP文件時, 用相對路徑引入JS,CSS文件是OK的
真實項目中, 一個tomcat上要是也跑了多個工程, 並用IP來區分
url 是這樣的: http://localhost/manage/index.jsp 注意這里,是直接訪問JSP文件,不是 servlet,不是struts .
test2.js 與index.jsp 放在同一文件夾下,下面用相對路徑來引入 JS文件 是OK 的:
<script src=test2.js></script>
第三種情況:一個通過Action跳轉之後到達的Jsp頁面需要引入一個Js文件：
這種情況下，請使用絕對路徑，
在第二情況的基礎上, 我們訪問的是 servlet 或是struts的action , 再轉發到 index.jsp
url 是: http://localhost/***.do或者 http://localhost/***.action 這里不是訪問JSP文件了
因此路徑應該這么寫：
<script src="/manage/test.js"></script>
test2.js 前面一定要有/manage/
或者：
<script src="http://127.0.0.1/工程名/manage/test.js"></script>
這種方法推薦
在引入js時，我們應該養成良好的習慣，請使用絕對路徑，在開發時，能夠大大的提高自己的開發效率。
4）引入js的編碼問題;
將兩者的編碼改為一致，一般我們可以修改JS文件編碼使其與頁面編碼一致。
第二種方式是使用script標記的charset屬性來顯式指明所引入js文件的編碼。如
<script src="xx.js" charset="gbk"></script>
這樣無論頁面是什麼編碼，都可以正常的訪問這個JS中的內容。
相比之下，第二種可能更方便一些，而且作為一種好的習慣，平時我們應該盡可能都寫上charset屬性。
Ⅲ js緩存問題怎麼解決
有時候在更改js文件後，頁面並沒有及時顯示出來，可能由於修改的文件不對，或者存在緩存問題。
面對的緩存問題有兩個：
一是頁面引入的js文件緩存。
二是js請求後台的緩存。
解決方法：
對於第一種情況，有兩種處理方式：1、可以在頁面引入的js文件後面增加日趨，如果不經常改動的文件，可以在每次改動後修改後綴。<script type="text/javascript" src="scripts/jquery-1.5.2.min.js?version=1"></script>
2、修改js文件的名字，如<script type="text/javascript" src="scripts/jquery.js"></script>
對於第二種情況，一般的處理方式是在請求的路徑後面加上毫秒值，這樣每次請求的路徑都不一樣，但是對於後台來說都是一樣的，用來欺騙瀏覽器，進行實時請求，不調用瀏覽器緩存。
Ⅳ js簡單問題
D
A
B
Ⅳ jsprint組件異常怎麼處理
有三種類型的編程錯誤：(1)語法錯誤和(2)運行時錯誤(3)邏輯錯誤：
語法錯誤：
語法錯誤，也被稱為解析錯誤，在編譯時進行傳統的編程和雹語言，並出現在JavaScript解釋時。
例如，下面一行將導致一個語法錯誤，因為它缺少一個右括弧：
[js] view plainprint?
<script type="text/javascript">
<!--
window.print(;
//-->
</script>
[js] view plainprint?
<script type="text/javascript">
<!--
window.print(;
//-->
</script>
當一個語法錯誤在JavaScript中出現，只有在同一個線程中包含的語法錯誤的影響，在其他線程的代碼被執行；代碼依賴於包含錯誤的代碼不會被執行。
運行時錯誤：
執行(編譯/解釋後)在運行時錯誤，也被稱為異常，會引發。
例如，下面一行將導致運行時錯誤，因為這里的語法是正確的，但在運行時它正試圖調用非存在的方法：
[js] view plainprint?
<script type="text/javascript">
<!--
window.printme();
//-->
</script>
[js] view plainprint?
<script type="text/javascript">
<!--
window.printme();
//-->
</script>
例外情況也影響到它們發生的線程，允許其他JavaScript線程繼續正常執行。
邏輯錯誤：
邏輯錯誤可能是最困難的類型的錯誤跟蹤。這些錯誤是不是一個語法或運行時錯誤的結果。相反，當發生一個錯誤的驅動腳本邏輯，你沒有得到所期望的結果。
你可能無法抓到這神高些錯誤，因為這取決於程序是什麼類型的邏輯是基於業務需求。
try...catch...finally 語句:
JavaScript的最新版本中添加的異常處理能力。JavaScript實現 try ... catch... finally結構以及拋出操作來處理異常。
你可以捕獲程序員生成和運行時異常，但不能捕獲JavaScript語法錯誤。
這里是 try...catch...finally 塊語法：
[js] view plainprint?
<script type="text/javascript">
<!--
try {
// Code to run
[break;]
} catch ( e ) {
// Code to run if an exception occurs
[break;]
}[ finally {
// Code that is always executed regardless of
// an exception occurring
}]
//-->
</script>
try塊必須後跟只有一個catch塊或者一個finally塊（或兩者之一）。當一個異常在try塊時，除被放置在e和catch塊被執行。 try/catch語句後的可選finally塊無條件喚瞎帆地執行。
示例:
下面是一個例子，我們正試圖調用一個不存在的函數，這將引發異常。讓我們來看看它的行為，不具有try ... catch：
[js] view plainprint?
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
alert("Value of variable a is : " + a );
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" οnclick="myFunc();" />
</form>
</body>
</html>
現在，讓我們嘗試使用 try ... catch 捕獲這個異常，並顯示一個用戶友好的消息。也可以取消此消息，如果要隱藏從用戶這個錯誤。
[js] view plainprint?
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
try {
alert("Value of variable a is : " + a );
} catch ( e ) {
alert("Error: " + e.description );
}
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" οnclick="myFunc();" />
</form>
</body>
</html>
可以使用finally塊將永遠try/catch語句後，無條件地執行。下面是一個例子：
[js] view plainprint
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
try {
alert("Value of variable a is : " + a );
}catch ( e ) {
alert("Error: " + e.description );
}finally {
alert("Finally block will always execute!" );
}
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" οnclick="myFunc();" />
</form>
</body>
</html>
throw 語句:
可以使用throw語句來提高你的內置異常或自定義異常。後來這些異常可以被捕獲並可以採取適當的行動。
以下是表示throw語句的用法的例子。
[js] view plainprint
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
var b = 0;
try{
if ( b == 0 ){
throw( "Divide by zero error." );
}else{
var c = a / b;
}
}catch ( e ) {
alert("Error: " + e );
}
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" οnclick="myFunc();" />
</form>
</body>
</html>
您可以使用字元串，整數，布爾或對象在一個函數拋出一個異常，那麼可以捕捉例外在相同的函數，我們在上面做了，或者使用try ... catch塊在其他的函數。
onerror() 語法
onerror事件處理程序是第一個特點，方便JavaScript處理錯誤。錯誤事件被觸發窗口對象，每當一個異常頁面上出現。例如：
[js] view plainprint
<html>
<head>
<script type="text/javascript">
<!--
window.onerror = function () {
alert("An error occurred.");
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" οnclick="myFunc();" />
</form>
</body>
</html>
onerror事件處理程序提供了三條信息，以找出錯誤的確切性質：
錯誤消息 . 瀏覽器將顯示給定的錯誤相同的消息
URL . 在發生錯誤的文件
行號. 在導致錯誤的URL給出的行號
這里是例子來說明如何提取此信息
[js] view plainprint
<html>
<head>
<script type="text/javascript">
<!--
window.onerror = function (msg, url, line) {
alert("Message : " + msg );
alert("url : " + url );
alert("Line number : " + line );
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" οnclick="myFunc();" />
</form>
</body>
</html>
可以顯示在任何方式，你覺得這是更好的提取信息。
可以使用onError方法來顯示錯誤消息的情況下沒有在如下載入圖像的任何問題：
[js] view plainprint?
<img src="myimage.gif"
οnerrοr="alert('An error occurred loading the image.')" />
[js] view plainprint
<img src="myimage.gif"
οnerrοr="alert('An error occurred loading the image.')" />
可以使用的onerror許多HTML標記錯誤的情況下顯示相應的信息。
詳解1000+項目數據分析出來的10大JavaScript錯誤
10個用Console來Debug的高級技巧
有瀏覽器的地方就有Fundebug
Debug前端HTML/CSS
轉載於:https://www.cnblogs.com/curationFE/p/handle_javascript_exception.html
相關資源：javascript容錯處理代碼(屏蔽js錯誤)_js容錯處理-其它代碼類資源...
原文鏈接：http://www.cnblogs.com/curationFE/p/handle_javascript_exception.html
點擊閱讀全文
打開CSDN，閱讀體驗更佳
Vue.js中filterBy過濾器導致網頁直接白屏_執筆看墨花開的博客-CSDN博 ...
一用這個方法就白屏,也沒有報錯,後來進vue官網一查才知道,filterBy被替換了 以前是這樣的寫法: <pv-for="user in users | filterBy searchQuery in 'name'">{{user.name}} 1 最新的方法:在 computed 屬性中使用 js 內置方法....
繼續訪問
vue打包js報錯問題(低版本瀏覽器白屏)_十夢她九的博客
在config中的webpack.base.conf.js中,修改編譯配置 entry:{ app:['babel-polyfill','./src/main.js'] } 可解決開發時低版本瀏覽器js報錯問題 方案3 使用組件問題 可能使用的組件存在問題導致打包後報錯 npm update npm run build...
繼續訪問
mvc條碼列印（使用window.print列印條碼）實例
mvc條碼列印（使用window.print列印條碼）實例 代碼： @{ Layout = "~/Views/Shared/_Layout.cshtml"; var types = ViewData["types"].ToString().Trim(); } <script src="@Url.Content("~/Areas/Area/AreaScripts/PrinterInWarehouse.js")" type="text/javascript"></script
繼續訪問
javascript中的contains方法
在研究一個多級菜單聯動的js時，發現contains方法，以前沒有碰到過，不知何意，然後在@司徒正美的博客發現有詳細介紹，暫且摘錄在此。 IE有許多好用的方法，後來都被其他瀏覽器抄襲了，比如這個contains方法。如果A元素包含B元素，則返回true，否則false。唯一不支持這個方法的是IE的死對頭firefox。不過火狐支持compareDocumentPosition(...
繼續訪問
vue框架開發出現頁面空白、白屏的解決方法總匯_晶晶晶晶晶的博客-CSDN...
最後build/webpack.base.conf.js 文件中配置如下: mole.exports= { entry: { app: ["babel-polyfill","./src/main.js"] } }; 6.Vue只在iOS 10出現白屏問題 a:出現變數定義兩次的錯誤描述,如下: SyntaxError:Cannotdeclareale...
繼續訪問
vue頁面白屏的原因及優化_尼克_張的博客_vue 刷新頁面白屏
一、原因:單頁面應用的 html 是靠 js 生成,因為首屏需要載入很大的js文件(app.js vendor.js),所以當網速差的時候會產生一定程度的白屏二、解決辦法:(1)優化 webpack 減少模塊打包體積,code-split 按需載入(2)服務端渲染,在服務端...
繼續訪問
網頁列印javascript:window.print()
在做B/S項目開發時。難免會遇到網頁列印問題！ 可以用css控制， @media print .a {display:block} .b {display:hidden} 好像是這樣。把你不想列印的部分class設為b 首先在網頁中添加： VIEWASTEXT> 然後就可以依次加入功能按鈕了： 將這兩塊東西放到就不會列印這些按鈕了。當然要定義no
繼續訪問
window.print() 前端實現網頁列印詳解
轉載： window.print() 前端實現網頁列印詳解_越努力，越幸運！-CSDN博客_window.print
繼續訪問
前端白屏出現的原因及一些解決方式_HuaHua·Li的博客
前端導致白屏的原因: JS問題 常用框架Vue React Angular都是依靠JS進行驅動, 並且單頁面的應用html也是依靠JS生成,在渲染頁面的時候需要載入很大的JS文件( app.js 和vendor.js ),在JS解析載入完成之前無法展示頁面,從而導致了白屏(當網...
繼續訪問
Vue.js項目在IE11白屏報錯_光腳丫思考的博客_ie11打開...
在vue.config.js里添加如下代碼: configureWebpack:config=>{ config.entry.app= ['babel-polyfill','./src/main.js'];}, (四)sockjs-client 還有一種情況是在i.e.打開報錯顯示的sockjs-client錯誤,如下所示: ...
繼續訪問
js常用方法（。。。。不完整）
lastIndexOf();substring();split();slice();splice(); var s="http://www..com"; var i= s.lastIndexOf("."); //16 var unit= s.substring(i); //.com var url= s.substring(0,i); //http://www. ...
繼續訪問
詳解JavaScript中的異常處理方法
當一個語法錯誤在JavaScript中出現，只有在同一個線程中包含的語法錯誤的影響，在其他線程的代碼被執行；代碼依賴於包含錯誤的代碼不會被執行。 運行時錯誤： 執行(編譯/解釋後)在運行時錯誤，也被稱為異常，會引發...
JavaScript 異常處理 詳解
主要介紹了JavaScript 異常處理 詳解,需要的朋友可以參考下
javascript異常處理實現原理詳解
主要介紹了javascript異常處理實現原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
最新發布 JavaScript異常處理
JavaScript異常處理 一：異常處理 【錯誤類型】 Error（錯誤）表示系統級的錯誤和程序不必處理的異常，是 JavaScript 運行環境中的內部錯誤或者硬體問題，比如，內存資源不足等。對於這種錯誤，程序基本無能為力，除了退出運行外別無選擇。 系統錯誤 程序錯誤 用戶錯用 【異常】 所謂異常，表示需要捕捉或者需要程序進行處理的地方，它處理的是因為程序設計的瑕疵而引起的問題或者在外的輸入等引起的一般性問題，是程序必須處理的。 【error對象】 創建錯誤 let err = new Erro
繼續訪問
JavaScript代碼異常監控實現過程詳解
JavaScript異常一般有兩方面：語法錯誤和運行時錯誤。兩種錯誤的捕獲和處理方式不同，從而影響具體的方案選型。通常來說，處理JS異常的方案有兩種：try…catch捕獲 和 [removed]捕獲。以下就兩種方案分別分析各自的...
webview載入頁面，JS方法不能載入的問題解決
今天發現在webview，沒有辦法載入JS方法，跳不出那種提示框，就是寫了webview.getSettings().setJavaScriptEnabled(true); 這一句也完全沒用。後來發現網上說的解決方案是用要用到WebChromeClient ，並且重寫它裡面的幾個方法才行。 MyWebChromeClient.java package com.example.webview
繼續訪問
IE與firefox對CSS解析的差異說明
<以下摘自：草堂學社，原文路徑：http://www.cm1314.cn/Article/site/ht/200704/16698.html>列舉了一些常見，新手經常問的問題。舉例並說明解決方法。(內容在下面對應)1.超鏈接訪問過後hover樣式就不出現的問題2.FF下如何使連續長欄位自動換行3.ff下為什麼父容器的高度不能自適應4. IE6的雙倍邊距BUG5. IE6下絕對...
繼續訪問
javascript錯誤處理方式有哪些
今天給大家分享的這篇javascript教程不是很適合初學者觀看，對此不熟悉的朋友建議先看看基礎的知識點。本文主要講述java中的出錯處理，也會涉及到javascript異常處理使用的正反列，以及ajax的非同步處理。 Java的事件驅動機制讓Java更加豐富，瀏覽器好比就是一個事件驅動的機器，錯誤也是一種事件。當一個錯誤發生時，一個事件就在某個點拋 出。理論上，有人會說錯誤是Java中的簡單
繼續訪問
Javascript異常處理機制詳解
在ES3之前js代碼執行的過程中，一旦出現錯誤，整個js代碼都會停止執行，這樣就顯的代碼非常的不健壯。 在Java或C#等一些高級語言中，都提供了異常處理機制，可以處理出現的異常，而不會停止整個應用程序。 從ES3開始，js也提供了類似的異常處理機制，從而讓js代碼變的更健壯，及時執行的過程中出現了異常，也可以讓程序具有了一部分的異常恢復能力。 一、Javascrip
繼續訪問
【JavaScript源代碼】Angular處理未可知異常錯誤的方法詳解.docx
Angular處理未可知異常錯誤的方法詳解 代碼寫得再好，始終都無法完整的處理所有可能產生異常，特別是生產環境中的應用，很大一部分是數據來自用戶、遠程，很難保證所有數據都按程序規定的產生。事實上，除非測試...
JavaScript錯誤處理操作實例詳解
良好的錯誤處理機制可以讓用戶得到及時的提醒，所以讓我們來看看 JavaScript 提供了哪些針對錯誤處理的工具和方法吧O(∩_∩)O~ 1 try-catch 語句 ECMA-262 第 3 版引入了 try-catch 語句，這時 JavaScript 處理異常...
熱門推薦 Javascript異常(exception)處理機制詳解 JS、異常Error屬性
在ES3之前js代碼執行的過程中，一旦出現錯誤，整個js代碼都會停止執行，這樣就顯的代碼非常的不健壯。 在Java或C#等一些高級語言中，都提供了異常處理機制，可以處理出現的異常，而不會停止整個應用程序。 從ES3開始，js也提供了類似的異常處理機制，從而讓js代碼變的更健壯，及時執行的過程中出現了異常，也可以讓程序具有了一部分的異常恢復能力。 一、Javascr
繼續訪問
JS高級調試技巧：捕獲和分析 JavaScript Error詳解
前端工程師都知道 JavaScript 有基本的異常處理能力。我們可以 throw new Error()，瀏覽器也會在我們調用 API 出錯時拋出異常。但估計絕大多數前端工程師都沒考慮過收集這些異常信息
JavaScript錯誤處理機制詳解
從ES3開始，js也提供了類似的異常處理機制，從而讓js代碼變的更健壯，即使執行的過程中出現了異常，也可以讓程序具有了一定的異常恢復能力。
繼續訪問
js異常白屏報錯
把錯誤函數替換掉
javascript