導航:首頁 > 編程語言 > jsconsoleie

jsconsoleie

發布時間:2023-04-07 01:45:05

js中當 console.log既不報錯,也不實現效果時怎麼辦

把下面代碼保存為陵橡逗html文件,然後IE8---F12---腳本---控制台里就會出現有趣的東西,如果是Firefox,安裝了FireBug後,則F12--控制項台--所有 ,同樣可以看到。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript的console.log()用法</title>
<script type="text/javascript">
/*
console.log 原先是 Firefox 的「專利」,嚴格說是安裝了 Firebugs 之後的 Firefox 所獨有的調試「絕招」。
這一招,IE8 學會了,不過用起來比 Firebugs 麻煩,只有在開啟調試窗口(F12)的時候,console.log 才能出結果,不然就報錯。
今天看到 Opera 也有個叫 dragonfly 的東東,用這東西查看 DOM,已經可以和 Firebug 媲美,然而還是不能用 console.log。於是有人就提供了這樣兩句代碼:
window.console = window.console || {};
console.log || (console.log = opera.postError);
經測試,以上代碼好使。
至此,Firefox/IE/Opera 都能用上 console.log 了。
當然,IE 和 Opera 下的 console.log 比起 Firebugs 原創的 console.log,還是太過簡單,比如參數是 Object 或者數組就沒有進一步的顯示功能。
*/

//變數
var i = 'I am a string';
console.log('變數:',i);

//數組
var arr = [1,2,3,4,5];
console.log('數組:',arr);

//對象
var obj1 = {
key1 : 'value1',
key2 : 'value2',
key3 : 'value3'
};
var obj2 = {
key6 : 'value4',
key5 : 'value5',
key4 : 'value6'
};
var obj3 = {
key9 : 'value7',
key8 : 'value8',
key7 : 'value9'
};

console.log('對象:',obj1);
//對象數組
var objArr1 = [obj1,obj2,obj3];
var objArr2 = [[obj1],[obj2],[obj3]];

console.log('對象數組1:',objArr1);
console.log('對象數組1:',objArr2);
/*
輸出:
變數:I am a string
數組:[1, 2, 3, 4, 5]
對象:Object { key1="value1", key2="value2", key3="value3"}
對象數組1:[Object { key1="value1", key2="value2", key3="value3"}, Object {
key6="value4", key5="value5", key4="value6"}, Object { key9="value7",
key8="value8", key7="value9"}]
對象數組1:如埋[[Object { key1="value1", key2="value2", key3="value3"}], [Object {
key6="value4", key5="value5", key4="value6"}], [Object { key9="value7",
key8="value8", key7="value9"}]]
*/
</script>

</head>

<body>
</body>

</html>

附:

Firebug & Chrome Console 控制台的一些其他功能
console.log(object[, object, ...])
使用頻率最高的一條語句:向控制台輸出一條消息。支持 C 語言 printf 式的格式化輸出。當然,也可以不使用格式化輸出來達到同樣的目的:

var animal='frog', count=10;
console.log("The %s jumped over %d tall buildings", animal, count);
console.log("The", animal, "jumped over", count, "tall buildings");
console.debug(object[, object, ...])
向控制台輸出一條信息,它包括一個指向該行代碼位置的超鏈接。

console.info(object[, object, ...])
向控制台輸出一條信息,該信息包含一個表示「信息」的圖標,和指向該行代碼位置的超鏈接。

console.warn(object[, object, ...])
同 info。區別是圖標與樣式不同。

console.error(object[, object, ...])
同 info。區別是圖標與樣式不同。error 實際上和 throw new Error() 產生的效果相同,使用該語句時會向瀏覽器拋出一個 js 異常。

console.assert(expression[, object, ...])
斷言,測試一條表達式是否為真,不為真時將拋出異常(斷言失敗)。

console.dir(object)
輸出一個對象的全部屬性(輸出結果類似於 DOM 面板中的樣式)。

console.dirxml(node)
輸出一個 HTML 或者 XML 元素的結構樹,點擊結構樹上面的節點進入到 HTML 面板。

console.trace()
輸出 Javascript 執行時的堆棧追蹤。

console.group(object[, object, ...])
輸出消息的同時打開一個嵌套塊,用以縮進輸出的內容。調用 console.groupEnd() 用以結束這個塊的輸出。

console.groupCollapsed()
同 console.group(); 區別在於嵌套塊默認是收起的。

console.time(name)
計時器,當調用 console.timeEnd(name);並傳遞相同的 name 為參數時,計時停止,並輸出執行兩條語句之間代碼所消耗的時間(毫秒)。

console.profile([title])
與 profileEnd() 結合使用,用來做性能測試,與 console 面板上 profile 按鈕的功能完全相同。

console.count([title])
輸出該行代碼被執行的次數,參數 title 將在輸出時作為輸出結果的前綴使用。

console.clear()
清空控制台

命令行
控制台的輸出面板右邊,是控制台的輸入面板(Chrome 調試工具對應為下方),在這里除了可以運行常規的 javascript 代碼,還內置了相當數量的命令行可以輔助我們的調試工作,下面是一些常用命令行的簡單介紹。

$(id)
返回一個給定 id 的元素。

$$(selector)
返回給定的 css 選擇器匹配到的一組元素。

$x(xpath)
返回給定的 XPath 表達式匹配到的一組元素。

$0
在 HTML 面板中選中的元素。

$1
上一次在 HTML 面板中選中的元素。

$n(index)
訪問最近 5 個被選中過的元素,index 的范圍: 0 – 4。

dir(object)
同 console.dir(object)。

dirxml(node)
同 console.dirxml(node)。

clear()
同 console.clear()。

inspect(object[, tabName])()
在合適的(或一個指定的) tab 中檢視一個對象。

keys(object)
返回一個對象的所有屬性的鍵。

values(object)
返回一個對象的所有屬性的值。

debug(fn)
在函數第一行添加一個斷點,使用 undebug(fn) 移除斷點。

monitor(fn)
開啟一個函數的調用日誌,使用 unmonitor(fn) 關閉該功能。非常有用的一個命令,但是它似乎並沒有很好地工作。

monitorEvents(object[, types])
開啟一個元素的某個事件(或所有事件)被觸發時的日誌記錄。用例如下:

monitorEvents($0,['click'])
上面的命令行被執行後,將開啟當前在 HTML 面板中被選中元素的 click 事件監控,一旦這個元素的 click 事件被觸發,事件對象將會在控制台輸出。如果不指定第二個參數,將對所有事件進行記錄。

profile([title])
同 console.profile([title])

Ⅱ ie中JS綁定數據,有時候 數據不出現,後面按了F12說調試看看,結果一按F12,頁面就又正常了

是這復樣的,你的代碼中獲取數制據那一段應該是有console控制台調用的代碼,一般應該是console.log之類的,就是因為這句話在沒開F12的時候,console是個undefined的東西就卡在那啦。
一般最方便的解決辦法就是把這些console的全部刪掉,不過這個對後邊維護代碼不是很好,所以可以通過做個if判斷來寫console,或者全局的對console的重定義。
個人比較推薦在console調用前加上if判斷,方便穩妥一些(個人感覺啊),修改辦法如下:
if判斷用的是這個:
if(window.console){
console.log("aaaaaa");

}

Ⅲ js在谷歌會報錯,火狐是正常的,是什麼原因

在谷歌瀏覽器中,event.returnValue是不贊成使用的,

Ⅳ JS中console是什麼對象,有什麼用

JS中默認沒有console對象, 這是某些瀏覽器提供的瀏覽器內置對象, 低版本IE就沒有, 其他主流瀏覽器應該都有.

主要是方便你調式javascript用的。你可以看到你在頁面中輸出的內容。
相比alert他的優點是:
他能看到結構話的東西,如果是alert,淡出一個對象就是[object object],但是console能看到對象的內容。
console不會打斷你頁面的操作,如果用alert彈出來內容,那麼頁面就死了,但是console輸出內容後你頁面還可以正常操作。
console裡面的內容非常豐富,你可以在控制台輸入:console,然後就可看到:

Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}

它有網頁的各種提示。

類似於alert啊,不過不會打斷操作。調試信息用的,不過需要瀏覽器支持控制台輸出。

Ⅳ js在IE中怎樣列印出blob

1、通過「window.alert('彈出窗口調試');
」方式進行列印輸出;2、通過「console.table(ars);」方式進行列印輸出。

Ⅵ 如何輸出js裡面變數的內容

通過document.write的方式輸出js變數。

1、定義js變數

<script>
vara="123";//定義一個js變數a
</script>

2、輸出變數a

document.write(a);//把變數a的值123輸出到頁面中。

補充:

document.write()方法:向網頁文檔中輸出了一段文字或者變數的值

Ⅶ 怎麼開啟瀏覽器中的JavaScript功能

1、IE瀏覽器開啟JavaScript方法:

在IE界面菜單欄中「工具」中選擇「Internet選項」–「安全」選項卡–選擇「Internet」(藍色的小地球)–「自定義級別」–找到「腳本」下的「Java小程序腳本」中進行啟用。如下圖所示,設置完成後,重新打開瀏覽器設置即可生效。

Ⅷ IE瀏覽器 JS二維數組顯示undefined

調用Array構造試一試,然後把元素一步步push進去看看結果,是不是能不能創建這種不規則多維數組。如果不是的話,那麼就是ie語法糖有問題,那麼JSON.parse解析json文本試一試,如果不行JSON函數內部調用了語法糖實現,那麼只能用構造器一步步執行。
如果構造器也不行,那麼就是ie內對數組序列號有問題,這就無法從數組層面解決了。但是有一個思路絕對能解決,將數組當成對象處理

var a = {
0: {
0:1,
1:2,
2:3,
length:3
},
1: {
0: 32,
1: 23,
2: {
0: 23,
length:1
},
length:3
},
length:2
}
length可以不要,當然對象沒有數組方法的。
不過花怎麼多力氣去兼容ie幹嘛,政府都放棄ie了,還兼容ie幹嘛。==(我就是做政府項目的)

Ⅸ .net開發, UEditor文本編輯器,在IE8中出現 『console 』未定義 js錯誤,用的是1.4.2版本的編輯器

IE 一直比較旦猛奇葩。

IE8、9 對 console 的定義跟其他瀏覽器都不一樣,甚至跟IE的其他版本也不一樣。

你可以選擇注釋掉包含 console 的代碼,也可以選擇加上一段:

window.console=window.console||(function(){
varc={};
基世c.log=c.warn=c.debug=c.info=c.error=c.time=c.dir=c.profile=c.clear=c.exception=c.trace=c.assert搏遲肢=function(){};
returnc;
})();

Ⅹ 如何在網頁中調試JavaScript

以IE8瀏覽器為例,接下來重點介紹並演示如何使用瀏覽器自帶的開專發人員工具調試JS程序。(該屬工具快捷按鈕為F12)
1、在工具->Internet選項->高級,去掉「禁用腳步調試(Internet Explorer)」項的勾選。

2、去掉「顯示友好http錯誤信息」項的勾選。最後點擊應用,確定按鈕。

3、預覽表單,當要執行的js程序出現錯誤時,瀏覽器會給出提示。

4、在給出的錯誤提示窗口中,選擇「是(Y)」按鈕,進入IE瀏覽器自帶的開發人員工具腳本調試界面。

5、根據JS調試信息可以知道,當前JS報錯是由於沒有找到指定對象「dat」而導致的。我們需要在表單設計器中,修改JS程序並保存。因演示效果的需要,在本例中是沒有設置id值為dat的單行輸入框控制項的,本例中第二個單行輸入框控制項的id值是data2。修改後的JS代碼。

6、將其改成值data2後,再進行測試不會出現JS報錯信息,程序得以正常執行。

7、本例只是演示了如何利用IE自帶的開發人員工具進行簡單的調試工作,如需了解其他調試及排查技巧,請參閱網路及相關書籍進行學習。

閱讀全文

與jsconsoleie相關的資料

熱點內容
maya粒子表達式教程 瀏覽:84
抖音小視頻如何掛app 瀏覽:283
cad怎麼設置替補文件 瀏覽:790
win10啟動文件是空的 瀏覽:397
jk網站有哪些 瀏覽:134
學編程和3d哪個更好 瀏覽:932
win10移動硬碟文件無法打開 瀏覽:385
文件名是亂碼還刪不掉 瀏覽:643
蘋果鍵盤怎麼打開任務管理器 瀏覽:437
手機桌面文件名字大全 瀏覽:334
tplink默認無線密碼是多少 瀏覽:33
ipaddgm文件 瀏覽:99
lua語言編程用哪個平台 瀏覽:272
政采雲如何導出pdf投標文件 瀏覽:529
php獲取postjson數據 瀏覽:551
javatimetask 瀏覽:16
編程的話要什麼證件 瀏覽:94
錢脈通微信多開 瀏覽:878
中學生學編程哪個培訓機構好 瀏覽:852
榮耀路由TV設置文件共享錯誤 瀏覽:525

友情鏈接