使用JS更改背景顏色
[英]Use JS to change background colour
問題描述
我是一個絕對的初學者，我想我是否可以復制這個看似基本的項目（ http://jenniferdewalt.com/random_background.html ）。 我不僅要復制代碼，還想弄清楚為什么我無法使它正常工作。 我真的不知道JS如何與HTML交互。 這是我所擁有的：
HTML：
<link type="text/css" rel="stylesheet" href="../../CSS/randomcolor/randomcolour.css" />
<link type="text/javascript" src="../../JS/Random Colour/randomcolour.js">
<script type="text/javascript" src="../../JS/Random Colour/randomcolour.js"></script>
</head>
<body>
<a href="javascript:void(0)" onclick="randomColor()";>
<div .class="button" id="button">
<h2></h2>
</div>
</a>
JS：
function randomColor() {
return '#' + Math.random().toString(16).slice(2, 8);
};
var backgroundColor = randomColor()
這大概距離目標有100萬英里，因此，如果有人可以將我指向可以完全幫助我的資源，將不勝感激。 無法解決這個問題真令人沮喪！
4 個解決方案
解決方案1
3 2013-12-18 01:23:03
使用此功能生成隨機顏色！
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
}
並且在您的html中，不需要class前的時間。
然后，使用以下命令設置頁面的正文：
document.body.style.backgroundColor = get_random_color(); //or stick with randomColor();
最好不要使用內聯javascript，嘗試像這樣設置onclick事件（將其從html中刪除）
var button = document.getElementById("button");
button.onclick = function() {
//set body style here
}
哦，還有一件事：您正在嘗試使用link標記來引用javascript文件-這將無法工作。 那是針對CSS的！
解決方案2
1 2013-12-18 01:19:58
公式為Element.style.backgroundColor = '#000000;'
解決方案3
1 2013-12-18 01:21:49
您僅將背景色存儲在一個臨時變量中，您需要將其存儲到主體的backgroundColor css屬性中
所以你需要
document.body.style.backgroundColor = randomColor()
您要在其中更改背景顏色的位置。
例如，您可以將其直接放在onClick處理程序中，或調用執行此操作的函數。
解決方案4
0 2013-12-18 01:31:15
做到這一點的最好方法是...。非常簡單。
一種。 首先定義一個返回隨機值的函數，從而減少編寫工作。
b。 輸入這些到RGBA ...
C。 你有你想要的。
function rand(x){return Math.round(Math.random()*x);}
document.body.style.backgroundColor='rgba('+rand(255)+','+rand(255)+','+rand(255)+','+rand(10)/10+')';
更改每個級別的背景顏色（js 游戲）
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.