vs code打開谷歌瀏覽器網頁顯示不完整-有解無憂

同樣的代碼，我同學電腦谷歌瀏覽器顯示完整，我的瀏覽器顯示不完整，這是為什么呢？代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sessionStorage</title>
</head>
<body>
姓名：
<input type="text" id="username">
年齡：
<input type="text" id="age">
<input type="button" value="https://bbs.csdn.net/topics/sessionStorage 設定資料" id="sessionStorageId">
<input type="button" value="https://bbs.csdn.net/topics/sessionStorage 獲取資料" id="getsessionStorageId">
<input type="button" value="https://bbs.csdn.net/topics/sessionStorage 清除所有資料" id="clearsessionStorageId">

<script>
//增加資料
document.getElementById('sessionStorageId').onclick = function(){
//獲取姓名和年齡輸入框的值
var username = document.getElementById('username').value;
var age = document.getElementById('age').value;
//定義一個user隊形用來保存獲取的資訊
var user = {
username : username,
age : age
}
//使用stringify()將JSON物件序列化并存入到sessionStorage中
window.sessionStorage.setItem('user',JSON.stringify(user));
}

document.getElementById('getsessionStorageId').onclick = function(){
var value = https://bbs.csdn.net/topics/window.sessionStorage.getItem('user');
alert(value);
}

//清除所有的資料
document.getElementById('clearsessionStorageId').onclick = function(){
window.sessionStorage.clear();
}
</script>
</body>
</html>

uj5u.com熱心網友回復：

就這么點東西，只是顯示都不存在兼容問題的代碼，不應該出現這種問題，感覺可能是你平時裝了什么東西，把內核瀏覽器的什么檔案給丟失或者阻止了，建議重裝瀏覽器，而且你這個看著上面那些自帶的收藏網頁，感覺這是裝系統的時候自動裝的，有可能是那種套了個谷歌的皮，實際并不是谷歌的瀏覽器

uj5u.com熱心網友回復：

瀏覽器版本太舊？控制臺有錯誤沒有？

uj5u.com熱心網友回復：

參考 1 樓 sha蟲劑的回復:

就這么點東西，只是顯示都不存在兼容問題的代碼，不應該出現這種問題，感覺可能是你平時裝了什么東西，把內核瀏覽器的什么檔案給丟失或者阻止了，建議重裝瀏覽器，而且你這個看著上面那些自帶的收藏網頁，感覺這是裝系統的時候自動裝的，有可能是那種套了個谷歌的皮，實際并不是谷歌的瀏覽器

不知道為什么所有的瀏覽器打開都是這個樣子

uj5u.com熱心網友回復：

參考 1 樓 sha蟲劑的回復:

就這么點東西，只是顯示都不存在兼容問題的代碼，不應該出現這種問題，感覺可能是你平時裝了什么東西，把內核瀏覽器的什么檔案給丟失或者阻止了，建議重裝瀏覽器，而且你這個看著上面那些自帶的收藏網頁，感覺這是裝系統的時候自動裝的，有可能是那種套了個谷歌的皮，實際并不是谷歌的瀏覽器

不知道為什么所有的瀏覽器打開都是這個樣子

uj5u.com熱心網友回復：

這點東西是不應該出現問題的，我復制了你的代碼，顯示沒有一點問題，難道是你裝了什么東西把瀏覽器渲染阻止了？

uj5u.com熱心網友回復：

參考 5 樓 sha蟲劑的回復:

這點東西是不應該出現問題的，我復制了你的代碼，顯示沒有一點問題，難道是你裝了什么東西把瀏覽器渲染阻止了？

更新了也是這樣

怎么辦呢

uj5u.com熱心網友回復：

先注釋掉js的代碼，看看能不能正常顯示，可以的話js的代碼一點一點往上加看哪里有問題。

uj5u.com熱心網友回復：

樓上老哥說的沒錯，先把js注釋了吧，然后你在控制臺看一下，你的那些輸入框和按鈕有節點沒有

uj5u.com熱心網友回復：

嗚嗚嗚我是小白，不過這好像有個錯誤Uncaught TypeError: Cannot set property 'onclick' of null
at sessionStorage.html:19

uj5u.com熱心網友回復：

嗚嗚嗚我是小白，不過這好像有個錯誤Uncaught TypeError: Cannot set property 'onclick' of null
at sessionStorage.html:19

uj5u.com熱心網友回復：

你頁面的js代碼在html上面？和你貼的代碼不一樣的位置？

uj5u.com熱心網友回復：

參考 11 樓 jio可的回復:

你頁面的js代碼在html上面？和你貼的代碼不一樣的位置？

一樣的就是文中那樣，我試了電腦所有的瀏覽器頁面都是一樣的不完整

uj5u.com熱心網友回復：

參考 11 樓 jio可的回復:

你頁面的js代碼在html上面？和你貼的代碼不一樣的位置？

一樣的就是文中那樣，我試了電腦所有的瀏覽器頁面都是一樣的不完整

uj5u.com熱心網友回復：

直接copy html代碼發一遍

uj5u.com熱心網友回復：

參考 14 樓 jio可的回復:

直接copy html代碼發一遍

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sessionStorage</title>
</head>
<body>
姓名：
<input type="text" id="username">
年齡：
<input type="text" id="age">
<input type="button" value="https://bbs.csdn.net/topics/sessionStorage 設定資料" id="sessionStorageId">
<input type="button" value="https://bbs.csdn.net/topics/sessionStorage 獲取資料" id="getsessionStorageId">
<input type="button" value="https://bbs.csdn.net/topics/sessionStorage 清除所有資料" id="clearsessionStorageId">

<script>
//增加資料
document.getElementById('sessionStorageId').onclick = function(){
//獲取姓名和年齡輸入框的值
var username = document.getElementById('username').value;
var age = document.getElementById('age').value;
//定義一個user隊形用來保存獲取的資訊
var user = {
username : username,
age : age
}
//使用stringify()將JSON物件序列化并存入到sessionStorage中
window.sessionStorage.setItem('user',JSON.stringify(user));
}

document.getElementById('getsessionStorageId').onclick = function(){
var value = https://bbs.csdn.net/topics/window.sessionStorage.getItem('user');
alert(value);
}

//清除所有的資料
document.getElementById('clearsessionStorageId').onclick = function(){
window.sessionStorage.clear();
}
</script>
</body>
</html>

uj5u.com熱心網友回復：

參考 14 樓 jio可的回復:

直接copy html代碼發一遍

uj5u.com熱心網友回復：

在桌面創建一個html檔案，把代碼復制進去，右鍵瀏覽器打開看看。錯誤提示是占不到dom，看代碼不會有這個錯誤

uj5u.com熱心網友回復：

參考 17 樓 jio可的回復:

在桌面創建一個html檔案，把代碼復制進去，右鍵瀏覽器打開看看。錯誤提示是占不到dom，看代碼不會有這個錯誤

好像是<script>那部分內容有問題，我用臺式機看也是和筆記本一樣的

uj5u.com熱心網友回復：

使用js，現在已經不用引入js了？？？
好久沒寫html，都忘了

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/30359.html

標籤：HTML5

上一篇：使用ajax上傳檔案時如何檢測檔案攜帶病毒？

下一篇：nodejs如何安裝Tensorflow/tfjs-node