我真的很陌生,因此對於基本問題非常抱歉。基本上我有這個HTML文件,當它被加載時應該運行我的文件script.js,我的朋友告訴我使用$(function(){)來包含代碼,所以當我加載頁面時,它會運行整個腳本。然而,當我運行腳本時沒有任何事情發生,創建網頁應該在將對象數組加載到數組問題後,在div id = question_text中設置文本。我的HTML頁面似乎沒有運行我的JavaScript文件
這裏是我的HTML的頭,你可以看到我在的script.js
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/script.js"></script>
<title>Patient Questionnaire</title>
</html>
加入這裏是我的JavaScript
$(function() {
questions = [];
count = 0;
addQuestions();
createWebpage();
function Question(questionText, possibleAnswers, chosenAnswer) {
this.questionText = questionText;
this.possibleAnswers = possibleAnswers;
this.chosenAnswer = chosenAnswer;
}
function addQuestions() {
var question1 = new Question(
"Do you have or have you ever had high blood pressure?", ['Yes', 'No'],
""
);
var question2 = new Question(
"Within the last year, have you had chest pain or pressure with activity such as walking or climbing stairs?", ['Yes', 'No'],
""
);
var question3 = new Question(
"Do you currently take medication to prevent or reduce agnia (chest pain from the heart)?", ['Yes', 'No'],
""
);
var question4 = new Question(
"Have you ever had a heart attack?" ['Yes', 'No'],
""
);
questions.push(question1);
questions.push(question2);
questions.push(question3);
questions.push(question4);
}
function createWebpage() {
document.getElementById("question_text").innerHTML = questions[1].questionText;
console.log("questions")
}
});
我只用JavaScript的幾次之前,但通常我能夠通過獲取elementID並將其設置爲我想要的來實現它。
任何幫助將不勝感激!
你可以用項目的文件目錄進行更新嗎? –
你實際上並沒有jQuery。 – SLaks
查看控制檯中的錯誤消息。 – SLaks