我有一个简单的html页面,body标签中没有代码.我想通过javascript在body标签中插入html.
我的javascript文件看起来像这样.
var Global={
UserWall:function(){
return "a very long html code";
}
};
var globalObject=Object.create(Global);
document.getElementsByTagName("body").item(0).innerHTML=globalObject.UserWall();
现在我希望在页面加载时将这个非常长的html代码自动插入到body标签中.但它给了我在标题中提到的错误.为什么？
并且这也是创建基于jax的网站(没有页面重新加载)的正确方法,这意味着如果我调用服务器端脚本来更新这个非常长的html代码并将其附加到页面正文.
在注释中标记为//错误的行的代码中.我收到Javascript错误说:"无法读取'null'的属性样式".我不知道它无法找到对象.我曾经想过并尝试过一切.请帮忙.这是代码:
<script type="text/javascript">
$.getJSON('https://graph.facebook.com/647045111?fields=first_name&<%= Session["Token"] %>',
function (data) {
$('#userName').html(data.first_name);
});
document.getElementById('connectedUnregistered').style.display = 'block'; //Error
</script>
<div id="userName"></div>
<div id="disconnected" style="display:block;">
<div id="heading">Facebook login</div>
<a href="Account/FacebookLogin" id="loginButton"><div id="fbConnectButton"><img src="/Content/Images/fbconnect.png"/></div></a>
</div>
<div id="connectedUnregistered" style="display:none">
<div id="heading">Register Now</div>
</div>
我收到以下错误
未捕获的TypeError:无法读取null的属性'appendChild'
myRequest.onreadystatechange @ script.js:20
用我的以下代码
// index.html
<html>
<head>
<title>Simple Page</title>
</head>
<body>
<div id="mainContent">
<h1>This is an AJAX Example</h1>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
这是我的JavaScript文件
// script.js
// 1. Create the request
var myRequest;
// feature check!
if(window.XMLHttpRequest) { // Firefox, Safari
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject){ // IE
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
// 2. Create an event handler for our request to call back
myRequest.onreadystatechange = function() {
console.log("We were called!");
console.log(myRequest.readyState); …这不断得到一条错误消息,说它不是一个功能,请帮助!!
var ctx = document.getElementById('canvas').getContext('2d');
HTML:
<html>
<head>
<title>Canvas Race</title>
<script src="jquery-2.2.3.js"></script>
<style type="text/css">
canvas {
border: 1px solid black;
background-image: url("http://www.gamefromscratch.com/image.axd?picture=road2048v2.png");
background-size: 200px 300px;
background-position-y: -81px;
}
</style>
</head>
<body>
<div id="canvas">
<canvas id="myCanvas" width="1100" height="150" ></canvas>
</div>
<div id="winner"></div>
</body>
</html>
使用Javascript:
<script type="text/javascript">
var blueCar = new Image();
var redCar = new Image();
// images
function image(){
blueCar.src = "http://worldartsme.com/images/car-top-view-clipart-1.jpg";
redCar.src = "http://images.clipartpanda.com/car-clipart-top-view-free-vector-red-racing-car-top-view_099252_Red_racing_car_top_view.png";
window.requestAnimationFrame(draw);
}
function draw() {
var ctx = document.getElementById('canvas').getContext('2d');
ctx.globalCompositeOperation = 'destination-over';
//blue car …下面是我的代码,它不起作用.将"click()"重命名为"click1()"后,它有效,为什么？
<html>
<head>
<title></title>
<script type="text/javascript">
function click() {
document.getElementById("content").innerHTML = "abc";
}
</script>
</head>
<body>
<button onclick="click()">try it</button><br />
<div id="content"></div>
</body>
</html>
为什么这段代码不起作用？我正在使用FF.
<head>
<script type="text/javascript">
document.getElementById("someID").onclick = function(){
alert("Yahooo");
}
</script>
</head>
<body>
<a href="#" id="someID">someID</a>
</body>
</html>
我得到javascript错误getElementById等于null.
我有以下代码,它基本上切换了一堆图像.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var num = 1;
img = document.getElementsByTagName("img")[0];
hbutton = document.getElementsByTagName("h1")[0];
hbutton.onclick = function() {
num += 1;
img.src = num + ".jpg";
}
</script>
</head>
<body>
<h1>Press Here!</h1>
<img src = "1.jpg"></img>
</body>
</html>
出于某种原因,当我运行它时,没有任何反应,因为我的Firebug控制台显示以下错误.
hbutton is undefined
---
hbutton.onclick = function() {
当我在页面加载后只运行JS时,它工作得非常好!!! 为什么是这样？
我在.php(静态网站)文件中的javascript不起作用.我在那里使用其他3个脚本并且它们可以工作,但不是这个.
情况很简单
javascript是......
var myFile = document.getElementById('myFile');
myFile.addEventListener('change', function() {
alert(this.files[0].size);
});
并且(剥离)PHP文件中的HTML代码
<form onsubmit="return anotherfunction();" action="sendForm.php" enctype="multipart/form-data" method="post">
<table>
<tr>
<td>Attach an image:</td>
<td> <input type="file" name="priloha[]" accept="image/*" /></td>
</tr>
</table>
</form>
并且javascript什么都不做,它就像它不存在一样.我试图在标题中,标题下方,正文中,输入的TD中使用JS ...我也尝试在外部.js文件中使用它,没有,根本不起作用.我尝试将"更改"更改为"单击",但两者都不起作用.我整天试着这样做,我无法弄清楚出了什么问题.
所以我试着做更简单的代码来检查什么是错的,它似乎是"改变"或"改变" - JS的第二行不起作用.
我也尝试过指定HTML5 doctype,不做任何事情.
我的额外.html文件尝试更简单的代码看起来像这样,当然不起作用...
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
<tr>
<td>Input field for click popup:</td>
<td>
<script type="text/javascript">
var input = document.getElementById('input');
input.addEventListener('click', function() {
alert("Hello");
});
</script>
<input type="text" id="input" />
</td>
</tr>
<table>
</body>
</html>
请帮助我,我真的不知道这是什么...我忘了提及,我尝试了不同的浏览器 - Opera 12.15,最新的FF和Chrome,无论如何都没有用.但它适用于小提琴...感谢您提前提供任何帮助
您好，我在使用 jquery 或 javascript 将页面滚动到页面上的特定元素时遇到了很大的问题。
我尝试了很多方法，但都失败了。该网站是使用名为curtain.js https://github.com/victa/curtain.js的框架库实现的。
我尝试过的方法包括：
3）我什至尝试使用锚标记的最简单方法，但没有任何反应。
在只有这样工作是scrollTop的（），你可以从页面上的其他链接查看。不幸的是，这对我不起作用，因为这在不同的屏幕尺寸上都失败了。
您可以在http://pagota.herobo.com 上查看该站点的示例
谢谢 ！
我是javascript的新手,想要编写一个html网站的标题.JS:当窗口宽度小于1215px时 - >左边部分变为100%宽度; 标题的右侧部分为0
我总是得到"无法读取属性'setAttribute'的null"错误!
请帮忙!码:
if (window.innerWidth < 1215) {
document.getElementById("#headerLeft").setAttribute("style", "width:100%");
document.getElementById("#headerRight").setAttribute("style", "width:0%");
} else {
document.getElementById("#headerLeft").setAttribute("style", "width:50%");
document.getElementById("#headerRight").setAttribute("style", "width:50%");
}body {
margin:0;
}
header{
height:100px;
width:100%;
}
#headerLeft {
background-color:#FF7043;
height:100px;
float:left;
}
#headerRight {
background-color:#FFFFFF;
height:100px;
float:right;
}
.headerTitle {
font-family:'Roboto', sans-serif;
margin:15px;
font-size:70px;
}
#headerRight .headerTitle {
text-align:left;
color:#FF7043;
font-weight:300;
}
#headerLeft .headerTitle {
text-align:center;
color:#FFFFFF;
font-weight:900;
}<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>example</title>
<!-- css -->
<link type="text/css" rel="stylesheet" href="style.css">
<!-- fonts …