js无法外部引用？？？这是什么问题？

KeanePeng 2016-07-17 07:03:00

//index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript</title>
<script type="text/javascript" src="jsLearn.js"></script>
</head>
<body>
<div id="div">
<button id="btn1">按钮</button>
</div>






</body>
</html>

//jsLearn.js
var btn1 = document.getElementById("btn1");
btn1.onclick = function () {
alert("Hello Javascript");
};

使用外部引用没有任何效果，而在html文档中嵌入才出现事件效果

...全文

202 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

KeanePeng 2016-07-17

打赏
举报

引用 1 楼 oONukeOo 的回复:

注意你的外部引用是放在head中，声明的时候dom元素还没有被引入呢，所以事件并未绑定上。可以修改为
window.onload =function() 
{
   var btn1 = document.getElementById("btn1");
    btn1.onclick = function () {
    alert("Hello Javascript");
    };
}

谢谢，正解

萨拉嘿 2016-07-17

打赏
举报

注意你的外部引用是放在head中，声明的时候dom元素还没有被引入呢，所以事件并未绑定上。可以修改为

window.onload =function() 
{
   var btn1 = document.getElementById("btn1");
    btn1.onclick = function () {
    alert("Hello Javascript");
    };
}

什么是 js 动态插入脚本 ? 指的是在页面加载时不存在，但将来的某一时刻通过修改该 DOM 动态添加的脚本。和操作 HTML 元素一样。 js 动态插入脚本也有两种方式：插入 JavaScript 代码和插入外部文件。一、直接插入 ...

一个经典的xml作业！想学好xml的必定要下哦！

已经获取微信公众号发布的图片，但不能正常显示，提示：此图片来自微信公众平台未经允许不得引用。这是怎么回事呢？遇到这种问题是因为微信公众平台对图片采用了防盗链设置，微信对外提供了API接口，让我们...

在传统的观念里，都认为JavaScript函数传递的是引用传递(也称之为指针传递)，也有人认为是值传递和引用传递都具备。那么JS的参数传递到底是怎么回事呢？事实上以下的演示也完全可以用于Java 首先来一个比较简单的，...

在js闭包中，可以定义“局部变量”，但是外部去调用的话，尤其是反复调用赋值，会造成内存的大量开销。如何防止这种现象的发生？关于闭包还有没有类似的内存或效率问题需要注意？如何去规避？内存问题可能是如下...

JavaScript

87,915

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章