如何获取以下代码以使url在文档中处于活动状态。当我控制台登录URL时，可以单击它并转到页面。文档中列出的URL只是文本。 （app.js从文档准备功能开始，信息是从api正确输入的。）
TypeError答案 0 :(得分：0)
您需要在URL上附加anchor属性以使其可点击。
示例：//loads everything in onload function when page loads
window.onload = function () {
//array of alphabet letters to create keyboard UI with
var alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h',
'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's',
't', 'u', 'v', 'w', 'x', 'y', 'z'];
//different topics that player can guess from
var categories;
//the chosen or selected category (chosen randomly)
var chosenCategory;
var getHint;
//the chosen word
var word;
var guess;
//stored guesses
var guesses = [ ];
var lives;
//counts number of correct guesses
var counter;
//number of spaces ('-') in word
var space;
//getting elements by id and assigning them to variables
var showLives = document.getElementById("lives");
var getHint = document.getElementById("hint");
var showClue = document.getElementById("clue");
//create alphabet letter keyboard buttons
var keyboard = function () {
myButtons = document.getElementById('keyboard');
letters = document.createElement('ul');
for (var i = 0; i < alphabet.length; i++) {
letters.id = 'alphabet';
list = document.createElement('li');
list.id = 'letter';
list.innerHTML = alphabet[i];
check();
myButtons.appendChild(letters);
letters.appendChild(list);
}
}
//choosing a category
var selectCat = function () {
if (chosenCategory === categories[0]) {
categoryName.innerHTML = "The chosen category is cities";
} else if (chosenCategory === categories[1]) {
categoryName.innerHTML = "The chosen category is films";
} else if (chosenCategory === categories[2]) {
categoryName.innerHTML = "The chosen category is food";
}
}
//create the hidden word in underscores
result = function () {
wordHolder = document.getElementById('hiddenWord');
correct = document.createElement('ul');
for (var i = 0; i < word.length; i++) {
correct.setAttribute('id', 'hiddenWord');
guess = document.createElement('li');
guess.setAttribute('class', 'guess');
if (word[i] === "-") {
guess.innerHTML = "-";
space = 1;
} else {
guess.innerHTML = "_";
}
guesses.push(guess);
wordHolder.appendChild(correct);
correct.appendChild(guess);
}
}
//displaying player's lives
comments = function () {
showLives.innerHTML = "You have " + lives + " lives";
if (lives < 1) {
showLives.innerHTML = "Game Over";
}
for (var i = 0; i < guesses.length; i++) {
if (counter + space === guesses.length) {
showLives.innerHTML = "You Win!";
}
}
}
//function to perform the drawing action for the hangman figure
var animate = function () {
var drawMe = lives ;
drawArray[drawMe]();
}
//hangman
canvas = function(){
myStickman = document.getElementById("stickman");
context = myStickman.getContext('2d');
context.beginPath();
context.strokeStyle = "#6F706F";
context.lineWidth = 2;
};
head = function(){
myStickman = document.getElementById("stickman");
context = myStickman.getContext('2d');
context.beginPath();
context.arc(60, 25, 15, 0, Math.PI * 2, true);
context.fillStyle = '#CDFCFF';
context.fill();
context.lineWidth = 2;
context.strokeStyle = '#6F706F';
context.stroke();
//left eye
context.beginPath();
context.arc(53, 28, 2, 0, Math.PI * 2, true);
context.fillStyle = '#6F706F';
context.fill();
context.stroke();
//right eye
context.beginPath();
context.arc(64, 25, 2, 0, Math.PI * 2, true);
context.fillStyle = '#6F706F';
context.fill();
context.stroke();
}
torso = function() {
//positioning torso behind head
context.globalCompositeOperation='destination-over';
context.beginPath();
context.rect(56, 30, 20, 40);
context.fillStyle = '#6F706F';
context.fill();
context.stroke();
}
draw = function($pathFromx, $pathFromy, $pathTox, $pathToy) {
context.moveTo($pathFromx, $pathFromy);
context.lineTo($pathTox, $pathToy);
context.stroke();
}
frame1 = function() {
draw (0, 150, 190, 150);
};
frame2 = function() {
draw (10, 0, 10, 600);
};
frame3 = function() {
draw (0, 5, 70, 5);
};
frame4 = function() {
draw (60, 5, 60, 15);
};
rightArm = function() {
draw (76, 45, 94, 50);
};
leftArm = function() {
draw (58, 45, 40, 50);
};
rightLeg = function() {
draw (75, 70, 77, 90);
};
leftLeg = function() {
draw (60, 70, 58, 90);
};
drawArray = [rightLeg, leftLeg, rightArm, leftArm, torso, head, frame4, frame3, frame2, frame1];
//checking if keyboard button is clicked and performs correct action
check = function () {
list.onclick = function () {
var geuss = (this.innerHTML);
this.setAttribute("class", "active");
this.onclick = null;
for (var i = 0; i < word.length; i++) {
if (word[i] === geuss) {
guesses[i].innerHTML = geuss;
counter += 1;
}
}
var j = (word.indexOf(geuss));
if (j === -1) {
lives -= 1;
comments();
animate();
} else {
comments();
}
}
}
//gameplay
play = function () {
//categories (cities, films, food)
categories = [
["new-york-city", "los-angeles", "london", "tokyo", "brussels", "shanghai", "beijing", "paris", "vancouver", "jakarta"],
["harry-potter", "finding-nemo", "jaws", "charlie-and-the-chocolate-factory", "the-breakfast-club", "spirited-away", "up", "toy-story", "forrest-gump", "the-shining"],
["sushi", "gelato", "banana", "chocolate", "strawberry", "sandwich", "grapes", "cheese-stick", "rice", "burrito"]
];
chosenCategory = categories[Math.floor(Math.random() * categories.length)];
word = chosenCategory[Math.floor(Math.random() * chosenCategory.length)];
word = word.replace(/\s/g, "-");
keyboard();
guesses = [ ];
lives = 10;
counter = 0;
space = 0;
result();
comments();
selectCat();
canvas();
}
play();
//giving a hint
hint.onclick = function() {
hints = [
["Skyscraper wonderland", "Starry night", "Historic clock tower", "Neon and futuristic", "Chocolate lovers", "Global financial hub", "The Forbidden City", "Vintage romance", "Shivers up your spine", "Capital of an island"],
["Wizards and magic", "Lost fish", "Great white shark", "Chocolate river", "1980's classic", "Anime", "Balloon home", "Talking toys", "RUN", "Here's Johnny!"],
["Raw", "Italian dessert", "Also a type of slug", "Solid and liquid", "Fondue please", "Many layers", "Make wine", "Stringy", "Too small to count", "Wrap it up"]
];
var categoryIndex = categories.indexOf(chosenCategory);
var hintIndex = chosenCategory.indexOf(word);
showClue.innerHTML = "Clue: " + hints [categoryIndex][hintIndex];
};
//resetting the game
document.getElementById('reset').onclick = function() {
correct.parentNode.removeChild(correct);
letters.parentNode.removeChild(letters);
showClue.innerHTML = "";
context.clearRect(0, 0, 400, 400);
play();
}
}
否则为纯文本。
答案 1 :(得分：0)
您需要创建一个href =“ ...”标记，否则为纯文本
答案 2 :(得分：0)
感谢您提供建议答案的指导。两者都需要应用。我应用了它们，结果代码起作用了：
$.ajax({
url: queryURL,
method: "GET",
}).done(function(response) {
var events = response.events;
for (var i = 0; i < 3; i++) {
var tRow = $("<tr>");
var url = events[i].url
console.log(events[i].url);
tRow.append($("<td>").text(events[i].name.text));
tRow.append($("<td>").html("<a href=" + events[i].url + ">Link</a>"));
tRow.append($("<td>").text(events[i].start.local));
tRow.append($("<td>").text(events[i].end.local));
$("#eventTable").append(tRow);
}