Question

我在这里有点困惑，我有两个javascript文件，一个用户在字段中键入颜色时更改标题的背景颜色，另一个创建一个随机数生成器并根据选择了数字。

所以我在设置颜色时必须在HTML中使用from pandas_datareader import data as web df = web.DataReader(name=ticker, data_source='google', start='20170421', end='20170421')，因为RNG也使用window.onload，我发现存在冲突，我不知道如何纠正。

如果我删除了RNG脚本src，标题背景颜色会改变，但是当我将其重新放入时。

这是背景颜色更改javascript代码

<body onload="setPreferenceColor();">

这是RNG更改javascript代码

//Variables
//var myForm = document.getElementById('form')
var bgcolor = document.getElementById('bgcolor1') //places bgcolor1 field from HTML into variable 
//var font = document.getElementById('font1')
var header = document.getElementById('header')

bgcolor.addEventListener('input', updateStorage); //Adds eventlistener to listen to input in bgcolour field then call method
//font.addEventListener('input', updateStorage)

window.onload = function init(){ //When window has loaded execute this method
    var g = localStorage.getItem('fontsize');
    document.getElementById("header").style.fontSize = g;
    setPreferenceColor(); //Call method
}

function notfont(size) {
    document.getElementById("header").style.fontSize = size; //place in variable
    localStorage.setItem('fontsize',size); //set fontsize into variable
}

function updateStorage (){
    localStorage.setItem('bgcolor', bgcolor.value); //After obtaining the input from eventlistener store bgcolor.value
    //localStorage.setItem('font', font.value);
    setPreferenceColor(); 
}

function setPreferenceColor(){
    var myColor = localStorage.getItem('bgcolor') //variable that retrieves value from bgcolor 
    var fontsize =localStorage.getItem('fontsize')
    header.style.backgroundColor = myColor; //style background colour by calling variable
    header.style.fontSize = fontsize;
}

调用两个OnLoad函数停止其他工作

0 个答案: