HTML文件中的javascript语法错误

时间:2015-11-18 00:08:27

标签: javascript html

我按下它后会尝试在我的网页上创建一个按钮,它会显示一个带有谷歌地图的div框。但它不起作用!它出现了javascript语法错误。请帮忙!

chrome开发工具,出现了javascript语法问题:var newDiv = document.createElement(" div")。 这是我第一次在我的网页上使用Google地图API。



<! DOCTYPE html> 
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> Google book search </title> 
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
<div id = "input">
	<form>
		
		<input type="button" id="search_button" value="search">


	</form>


</body>
    
</html>

<script > 
var body = document.getElementByTagName("body")[0];
var dosearch= function() {

   var newDiv =document.createElement("div");
   newDiv.setAttribute("id", "map");
   newDiv.style.width="100px";
   newDiv.style.height="100px";
   body.appendChild(newDiv);

}



window.onload=function(){

	console.log("ready")
	var search_button= document.getElementById("search_button");
	search_button.addEventListener("click", dosearch);


}
</script>

<script type="text/javascript">
var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpKAwq-qKxzm-9D1405KCFp7ZTtu_Vimg&callback=initMap"
        async defer></script>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

这一行末尾的字符是什么?:

var newDiv =document.createElement("div");

它不是分号,看起来像这样:

var newDiv =document.createElement("div");

至少有一个语法错误。您的代码中可能会隐藏更多内容。我不知道这些非标准字符的来源,但您可能只需从头开始用标准字符重新键入代码。这里可能存在各种难以识别的无效字符,甚至可能是不可打印的字符。

答案 1 :(得分:0)

找到此代码,删除语法错误。现在只有Google API出现错误,可能是因为您提供的代码中缺少css。

char buffer[1024];
int count = 0;
ifstream file("path",ifstream::in);
while(file.good()){
    buffer[count]=file.get();
    count+=1;
}
file.close();
  

错误是:

  • 随机特殊字符代替=&amp; ;
  • getElementsByTagName,而不是getElementByTagName