`
playfish
  • 浏览: 289540 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

分离JavaScript与Html,实现行为与结构分离的心得

阅读更多

    今天在写班级主页的时候,偶然尝试发现的。
    如果我们不分离js与html,这个问题应该是一点难度都没有的,也不会存在这样的技巧。就是得到的节点的调用方法区别。
window.onload=init;
 function init(){
    document.getElementById('today').firstChild.nodeValue=tad();
    document.getElementById('today').firstChild.nodeValue=tad;}

function tad(){
    return "get";
}

如果调用方法没有括号的话,那么这个方法会等事件触发后再调用,如果方法带括号,那么这个方法在加载时候就会调用。
例如上面2个节点值第一个为 get,而第二个则为
function tad(){
    return "get";
}
也就是整个函数当成字符串传进去了。
分享到:
评论

相关推荐

    基于SSM及前后端分离的复习系统

    它还提供了AOP(面向切面编程)功能,用于实现如日志、事务管理等通用功能。Spring还支持数据访问/集成,包括JDBC、ORM(对象关系映射)框架如Hibernate和MyBatis。 2. **Spring MVC**:是Spring框架的一部分,专门...

    JavaScript学习经历

    ### JavaScript学习经历与心得 #### 一、JavaScript的演变与重要性 JavaScript 作为一种脚本语言,最初只是用于实现简单的网页交互效果,如表单验证、弹出窗口等。随着互联网技术的发展,尤其是 AJAX 技术的出现,...

    自行车单车骑行俱乐部css模板下载_自行车 单车 骑行 俱乐部 css html 黑色 幻灯 旅游 休闲_html网站.rar

    在这个模板中,JavaScript可能被用来实现幻灯片自动切换、表单验证、导航菜单的响应式行为等功能。例如,幻灯片组件可能使用JavaScript库如jQuery或纯JavaScript实现,以实现平滑的过渡效果和用户交互控制。 此外,...

    web笔记心得

    9. RESTful API:在前后端分离的开发模式中,前端通过调用RESTful API与后端服务进行数据交换。理解HTTP方法(GET、POST、PUT、DELETE)和状态码对于前端开发至关重要。 10. 版本控制:Git是常用的版本控制系统,...

    jQuery框架心得

    在实际应用中,jQuery能够帮助开发者将JavaScript代码与HTML结构分离,通过定义元素ID来调用相应的jQuery方法,从而提高代码的可读性和维护性。与Prototype相比,jQuery以其直观、简洁的API赢得了开发者们的喜爱。...

    天下美食网站设计与实现

    《天下美食网站设计与实现》 在互联网时代,美食网站已成为人们寻找食谱、了解餐饮文化、分享烹饪心得的重要平台。本项目“天下美食网站”旨在打造一个集美食分享、交流、学习于一体的在线社区,其设计与实现涵盖了...

    PHP学习心得与体会.docx

    PHP是一种服务器端脚本语言,常用于网页开发,它可以与HTML混合编写,实现动态内容的生成。初学者需要深入学习PHP的基础语法,包括变量、数据类型、控制结构、函数等,以便能够编写简单的PHP脚本。 紧接着,结合...

    王者荣耀静态网站

    除此之外,考虑到网站的可维护性和代码组织,可能还运用了模板引擎如ejs或pug,它们允许开发者将HTML结构与JavaScript逻辑分离,使代码更易于阅读和管理。同时,为了更好的版本控制和团队协作,Git和GitHub等工具的...

    如何让CSS去控制HTML页面效果.pdf

    苦,分享自己的经验与心得,分享自己的资料与资源”如果您也愿意,就加入我们吧~ </body> </html> 链接方式是xHTML+CSS布局中的最佳实践,它有助于实现内容与表现的分离,使得HTML文件更专注于结构,CSS文件则负责...

    报告pdf版-HTML5编程技术设计报告.pdf

    通过对“美景如画网”的设计与实现,不仅可以深入了解HTML5的各项特性,还能在实践中不断发现问题并寻找解决方案,从而提升自己的技术水平。 #### 七、参考文献 - 万维网联盟(W3C)官网。 - HTML5官方文档。 - ...

    网站设计CSS+div布局读书心得与实例代码 网站架构 网站布局

    它控制着元素的外观,包括字体、颜色、大小、间距、排列等,并允许将样式信息与内容分离,使页面设计更加整洁且易于维护。通过使用CSS,开发者可以轻松地对整个网站进行全局样式调整,而无需修改每个单独的HTML页面...

    jsp基于WEB操作系统课程教学网站的设计与实现(源代码+论文)

    《基于JSP的WEB操作系统课程教学网站的设计与实现》是一个典型的Web应用开发项目,它集成了Java编程语言、JSP技术以及操作系统课程的教学资源管理。这个项目的主要目标是创建一个在线平台,为学生和教师提供方便、...

    java项目美食分享平台前后端分离基于springboot,可进行用户和管理员登陆,部分代码,targe,其他代码可查看主页资源

    在这个美食分享平台中,前端可能使用React、Vue或Angular等现代JavaScript框架,与后端通过RESTful API进行通信,实现数据的获取和提交。 3. **用户和管理员登录功能**: 用户登录系统是项目的基础部分,可能包括...

    java学习心得

    从给定的文件信息中,我们可以提炼出一系列与Java学习及面向对象编程(Object-Oriented Programming,简称OOP)相关的关键知识点。以下是对这些知识点的详细解析: ### 面向对象编程概述 面向对象编程是一种被广泛...

    寻它湖南旅游攻略网站方案设计与实现.pdf

    《寻它湖南旅游攻略网站方案设计与实现》 在当今数字化时代,旅游行业与互联网的融合日益紧密,为游客提供便捷、丰富的旅游信息成为一种趋势。本方案旨在设计并实现一个针对湖南地区旅游的在线平台——“寻它湖南...

    vue学习资料,学习心得!!!!11vue笔记.md

    ### Vue.js 学习资料与心得 #### 一、Vue.js 基础结构与配置 在学习 Vue.js 的过程中,首先要理解其基础结构。一个典型的 Vue 实例由多个部分组成,包括 `el`(元素)、`data`(数据)、`methods`(方法)等。 1....

    仿饿了么-谁去拿外卖html源码分享.zip

    CSS(层叠样式表)用于控制网页的样式和布局,它可以将设计美学与HTML结构分离,使得网页更具视觉吸引力和交互性。在这个项目中,开发者可能使用了Flexbox或Grid布局来实现响应式设计,确保网页在不同设备上都能良好...

    基于java的美食网站的设计与实现2.zip

    在本项目"基于Java的美食网站的设计与实现2"中,我们主要探讨的是如何利用Java技术栈构建一个功能完善的美食网站。这个项目的核心目标是为用户提供一个互动性强、易用且丰富的在线平台,用户可以在这里浏览美食信息...

    基于a.s.p班级网站的设计与实现总体设计与模块实现学位论文.doc

    它允许开发者将HTML、VBScript、JavaScript等语言结合在一起,实现在服务器端生成和处理数据。在本论文中,ASP被用于构建班级网站的后端逻辑,处理用户请求并返回相应的网页内容。 在设计阶段,首先需要明确网站的...

Global site tag (gtag.js) - Google Analytics