Javascript 笔记与总结（2-15）结构、样式、行为分离

【例】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p id="p">改变文字样式</p>
</body>
<script>
    function t(){
        document.getElementById("p").style.fontWeight = "bold";
    }
    document.getElementById("p").onclick = t;
</script>
</html>

或

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p id="p">改变文字样式</p>
</body>
<script>
    document.getElementById("p").onclick = function(){
        document.getElementById("p").style.fontWeight = "bold";
    }
</script>
</html>

或

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p id="p">改变文字样式</p>
</body>
<script>
    document.getElementById("p").onclick = function(){
        this.style.fontWeight = "bold";
    }
</script>
</html>

时间： 2024-10-03 00:05:35

Javascript 笔记与总结（2-15）结构、样式、行为分离的相关文章

Javascript 笔记与总结（1-5）闭包

[例1] <script> function t1(){ var age = 20; function t2(){ alert(age); } return t2; } var tmp = t1(); var age = 99; tmp(); </script> 弹出 20 [分析] function t1(){ var age = 20; function t2(){ alert(age); } return t2; } 在大部分的语言中,t1 被调用执行,则申请内存,并把其局部

CSS自学笔记（5）:CSS的样式

CSS中拥有各种各样的样式表,而基本的样式有背景,文本,字体,链接,列表,表格,轮廓. 一.CSS-背景 CSS中允许用纯色背景,也允许用图片来创建复杂的个性背景. p {background-color: #000;} 是用纯色作为背景.这时你可以定义其他属性,生成不同效果的背景. CSS中也可以用图片作为背景,这是就需要使用background-image属性了,如果属性值为一个URL值,并且图片文件存在,那么就可以看到用该图片做为背景的网页了 body {background-image:

[Effective JavaScript 笔记]第28条：不要信赖函数对象的toString方法

js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+1}" 反射获取函数源代码的功能很强大,使用函数对象的toString方法有严重的局限性.toString方法的局限性ECMAScript标准对函数对象的toString方法的返回结果(即该字符串)并没有任何要求.这意味着不同的js引擎将产生不同的字符串,甚至产生的字符串与该函数并不相关. 如果函数

如何用JavaScript去操作HTML元素和CSS样式

第3章你也有控制权(DOM操作) 如何用JavaScript去操作HTML元素和CSS样式,实现简单的动态操作. 3-1 认识DOM 3-2 通过ID获取元素 3-3 innerHTML 属性 3-4 改变 HTML 样式 3-5 显示和隐藏(display属性) 3-6 控制类名(className 属性) 第4章编程挑战不断实践,提高技能. 4-1 编程挑战 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta char

ELF Format 笔记（九）—— Elf32_Sym 结构的 st_value 和 st_shndx 成员

ilocker:关注 Android 安全(新手) QQ: 2597294287 前面的笔记中提到过 Elf32_Sym 结构,本篇笔记再写一下其中的 st_value 和 st_shndx 成员. 对于不同类型的 object file,st_value 的含义略有不同: · 对于 relocatable (.o) 文件,如果相应的 st_shndx 的值为 SHN_COMMON,则 st_value 保存的是对齐字节数. · 对于 relocatable (.o) 文件,如果该符号已定义,则

深入理解javascript原型和闭包（15）——闭包

http://www.cnblogs.com/wangfupeng1988/p/3994065.html 深入理解javascript原型和闭包(15)——闭包

JVM学习笔记（一）------基本结构

从Java平台的逻辑结构上来看,我们能够从下图来了解JVM: 从上图能清晰看到Java平台包括的各个逻辑模块,也能了解到JDK与JRE的差别对于JVM自身的物理结构,我们能够从下图俯视一下: 对于JVM的学习,在我看来这么几个部分最重要: Java代码编译和运行的整个过程 JVM内存管理及垃圾回收机制以下将这两个部分进行具体学习 JVM学习笔记(一)------基本结构,布布扣,bubuko.com

JavaScript笔记之Function

一.函数定义 (1)使用function declaration 格式:function functionName(parameters) { function body } 注:此种方式声明的函数作用域是全局的,即在声明之前可以调用 (2)使用function expression 格式:var name = function (parameters) { function body }; 注:与(1)不同,在声明之前不可以调用 (3)使用function constructor() 格式:v

Android开发笔记--hello world 和目录结构

原文:Android开发笔记--hello world 和目录结构每接触一个新东西都有一个hello world的例子. 1.新建项目 2.配置AVD AVD 没有要新建个,如果不能创建运行SDK Manager更新 3.接着运行就可以了第一次启动要1分多钟不要关 4.添加代码 5.接着在运行就OK了目录结构 1.src - 用于放置源程序 2.gen - 自动生成 R.java 文件,用于引用资源文件(即 res 目录下的数据) 3.assets - 用于放置原始文件,Androi

javascript笔记（二）

concat() 连接多个字符串,返回合并后的字符串. 1 var s1="a"; 2 var s2="b"; 3 var s3="c"; 4 5 console.log(s1.concat(s2,s3));//abc concat() 方法的结果等同于:result = s1 + s2 + ... + sN.如果有不是字符串的参数,则它们在连接之前将首先被转换为字符串. 数组中的concat():将参数添加为数组的元素,返回新的数组. 1 va