求大牛指点迷津 小白新入 自己写的JS代码不起作用

MRJayce MRJayce 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
HTML代码:
<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Explaining the Doctype Object Model</title>
<link type="text/css" rel="stylesheet" href="typography.css" media="screen" />
</head>
<body>
<h1>Whta is the Document Object Model?</h1>
<p>
The <abbr title="World Wid Web Consortium">W3C</abbr> defines the <abbr title="Document Object Model">DOM</abbr> as:
</p>
<blockquote cite="http://www.w3.org/DOM/">
<p>
Aplatform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content,structure and style of documents.
</p>
</blockquote>
<p>
It is an <abbr title="Application Programming Interface">API</abbr> that can be used to navigate <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Extensible Markup Language">XML</abbr> documents.
</p>
<script type="text/javascript" src="scripts/addLoadEvent.js"></script>
<script type="text/javascript" src="scripts/displayAbbreviations.js"></script>
</body>
</html>
第一个JS代码:
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload != 'function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
第二个JS代码:
addLoadEvent(displayAbbreviations);
function displayAbbreviations(){
if(!document.getElementsByTagName)return false;
if(!document.createElement)return false;
if(!document.createTextNode)return false;
//取得所有缩略词
var abbreviations=document.getElementsByTagName("abbr");
if(abbreviations.length < 1)return false;
var defs=new Array();
//遍历所有缩略词
for(var i=0;i<abbreviations.length;i++){
var current_abbr=abbreviatins[i];
var definition=current_abbr.getAttribute("title");
var key=current_abbr.firstChild.nodeValue;
defs[key]=definition;
}
//创建定义列表
var dlist=document.createElement("dl");
//遍历定义
for (key in defs){
var definiton=defs[key];
//创建定义标题
var dtitle=document.createElement("dt");
var dtitle_text=document.createTextNode(key);
dtitle.appendChild(dtitle_text);
//创建定义描述
var ddesc=document.createElement("dd");
var ddesc_text=document.createTextNode(definition);
ddesc.appendChild(ddesc_text);
//把它们添加到定义列表
dlist.appendChild(dtitle);
dlist.appendChild(ddesc);
}
//创建标题
var header=document.createElement("h2");
var header_text=document.createTextNode("Abbreviations");
header.appendChild(header_text);
//把标题和列表添加到页面主体
document.body.appendChild(header);
document.body.appendChild(dlist);
}
不知道哪里出错了 JS代码就是不起作用啊 求大神指点迷津!!!!!!!!
...全文

相关推荐

JSP加载JS文件不起作用的有效解决方法

目录结构:jsp导入jquery文件,老是不起作用,原因在于: 代码如下: [removed][removed] 其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。  test.html: 代码如下: &lt;&#37;@ page language=”java” %> &lt;&#37;@ page contentType=”text/html; charset=UTF-8″ %> &lt;&#37;@ page import=”java.util.*” %> &lt;&#37;@ page isEL

weixin_38702931

基于正则表达式的JavaScript/C++语法高亮(js版)

JavaScript的语法高亮一直是个难点,因为需要语义分析以确定/是除法操作的开始还是正则表达式的开始。目前关于高亮js的语法高亮都不是很理想,尤其是syntaxhighlighter(你待会看到的代码高亮效果就是它弄的, csdn说, 就用sh了)的效果算是最差的了,根本就不高亮正则、数字等,太不敬业了。假设你写的代码是足够规范的,而且不考虑效率的话,那么你使用我这个高亮js一般不会有问题。

Wind__Fantasy

页面JS获取不到控件ID

为了使页面更加的友好,我们不可避免的要在页面上使用JS,所以在页面上使用javascript获取控件ID是很常见的事情。但是最近在使用JS的使用,遇到了一件让我很头疼的事情,在获取控件ID时,抱错了,监控显示,获取不到控件ID。

喝口水就跑

JavaScript 模块化

了解了一下js模块化,简单记录一下。参考资料: JavaScript 模块化历程 前端模块化模块化发展历程 js一开始并没有模块化的概念,直到ajax被提出,前端能够像后端请求数据,前端逻辑越来越复杂,就出现了许多问题:全局变量,函数名冲突,依赖关系不好处理。 当时使用子执行函数来解决这些问题,比如经典的jquery就使用了匿名自执行函数封装代码,将他们全都挂载到全局变量jquery下

Creabine

js onload事件不起作用示例分析

jsp页面中写一个onload事件,发现居然不起作用,查看源文件,bady的onload后居然没有方法名,下面是具体的试验过程,感兴趣的朋友可以参考下

weixin_38570519
评论 2
收藏 已收藏
分享
返回顶部
MRJayce
JavaScript 87,983 成员 224,681 内容