JS属性读写操作+if判断注意事项
js中不允许出现“ - ”
页面中改变文字大小-案例:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面中改变文字大小-案例</title>
<script type="text/javascript">
window.onload = function () {
var obtn1 = document.getElementById("btn1");
var obtn2 = document.getElementById("btn2");
var op1 = document.getElementById("p1"); var num = 15;
obtn1.onclick = function(){
if (num > 12) {
// num = mum - 1;
// num += 1;
num --; //每次递减一个
p1.style.fontSize = num + "px";
}
}
obtn2.onclick = function(){
if (num < 22) {
num ++;
// js中不允许出现“ - ”
// font-size fontSize
p1.style.fontSize = num + "px";
}
}
}
</script>
</head>
<body>
<input id="btn1" type="button" value="-" />
<input id="btn2" type="button" value="+" />
<p id="p1" style="font-size: 15px;">网易科技讯 3月24日消息,据《福布斯》网站报道,虽然苹果公司不愿配合美国联邦调查局破解加州枪击案嫌犯的iPhone手机,但联调局似乎已经找到了其他的帮手,而且破解费用可能十分便宜,只需要1500美元。
目前的多数报道称,以色列一家名为Cellebrite的公司愿意向美国联调局提供帮助,解锁嫌犯手机。美国联调局本周态度急转,称可能有另一种方法破解该设备,而无需苹果协助。原定于本周早些时候就破解一事召开的法院听证会因此被无限期延迟。
iPhone漏洞可能非常昂贵,黑客可以因为发现一个漏洞赚取上百万美元。不过,参考以往的案例,Cellebrite破解服务的价格可以非常低廉。
欧洲的一起案件或许是此种iPhone破解只需较低成本便能完成的佐证。意大利法院目前正在聆讯一桩毁容攻击案,该案嫌犯声称忘记了自己iPhone 5手机的开机密码。法院寻找专家破解这部装有iOS 8系统的手机,最后找到了Cellebrite公司。</p>
</body>
</html>
// js中不允许出现“ - ”
// font-size fontSize
p1.style.fontSize = num + "px";
class
op.className = "red";
//class 保留字 关键字: var function ---不可以使用
//class => className
点击按钮变成复选框checkbox
<input id="inp1" type="button"/>
<script>
var olnp = document.getElementById("inp1");
olnp.onclick = function(){
olnp.type = "checkbox";
// IE6 IE7 IE8 不支持 会报错!!!
// 可以时候隐藏显示方法来替换这种 点击按钮隐藏按钮 复选框显示
}
</script>
改变DIV的浮动
oDIV.style.float = "left"; //保险写法:
oDIV.style.styleFloat = "left";
oDIV.style.cssFloat = "left"; //IE(styleFloat)、非IE(CSSFloat)
//可以使用调用className的方式
判断注意事项
所有的相对路径都别拿来做判断。。。
img src href="css.css"
绝对路径可以:
img src="http://........jpg"
颜色值不要拿来做判断
color:red; #fff rgb(255,255,0)
innerHTML值不要拿来做判断。。。
如何做图片判断示例:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>if图片判断</title>
</head>
<body>
<img id="img1" src="img1.png"/>
</body>
<script type="text/javascript">
var oImg = document.getElementById("img1");
var onoff = true; // 布尔值:true 真 1 false 假 0 oImg.onclick = function () {
if (onoff) {
oImg.src = "img2.png";
onoff = false;
}else{
oImg.src = "img1.png";
onoff = true;
}
}
</script>
</html>
JS属性读写操作+if判断注意事项的更多相关文章
- JS cookie 读写操作
/*** ** 功能: cookie操作对象 ***/ var cookies = { /*** ** 功能: 写入cookie操作 ** 参数: name cookie名称 ** value coo ...
- ASP.NET MVC Filters 4种默认过滤器的使用【附示例】 数据库常见死锁原因及处理 .NET源码中的链表 多线程下C#如何保证线程安全? .net实现支付宝在线支付 彻头彻尾理解单例模式与多线程 App.Config详解及读写操作 判断客户端是iOS还是Android,判断是不是在微信浏览器打开
ASP.NET MVC Filters 4种默认过滤器的使用[附示例] 过滤器(Filters)的出现使得我们可以在ASP.NET MVC程序里更好的控制浏览器请求过来的URL,不是每个请求都会响 ...
- JS属性操作
一.属性读操作:元素.属性名 ( 获取.找到属性值 ) 属性写操作:元素.属性名 = 新的值 ( 替换.修改属性值 ) 二.没有属性名的,也可进行读.写操作: 读操作:元素.innerHTML ...
- node.js连接MySQL操作及注意事项
node.js作为服务端的js运行环境已经出现了有几年了,最近我有个朋友也在做这方面的开发,但是也是刚刚接触,遇到了很多坑.前几天他们在操作数据库的时候出现了点问题,后来我们一起看了看,其实都是nod ...
- js 属性增改删操作
js 属性增改删操作,可参看菜鸟教程,这里记录一个小问题:disabled属性 使用setAttribute操作无法 禁用disabled属性,需使用removeAttribute操作,原因是只要有d ...
- js进阶 11-3 jquery中css属性如何操作
js进阶 11-3 jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...
- js进阶 11-2 jquery属性如何操作
js进阶 11-2 jquery属性如何操作 一.总结 一句话总结:jquery中的属性用attr方法表示.jquery中都是方法. 1.jquery中的属性的增删改查操作? 只需要两个方法, at ...
- 【java】【反射】反射实现判断发生了修改操作,判断两个对象是否发生属性值的变更,判断两个List集合内对象的属性值是否发生变更
java的反射实现: 判断发生了修改操作,判断两个对象是否发生属性值的变更,判断两个List集合内对象的属性值是否发生变更 今日份代码: package com.sxd.streamTest; imp ...
- 斗篷指令、属性指令、表单指令、条件指令、循环指令、js的Array操作、前台数据库、
```python"""1)指令 属性指令:v-bind 表达指令:v-model 条件指令:v-show v-if 循环指令:v-for 斗篷指令:v-cloak 2) ...
随机推荐
- django: template variable
模板变量用双大括号显示,如: <title>page title: {{title}}</title> 一 模板中使用变量 继续前面的例子,修改 index.html: < ...
- notification:object not locked by thread before notify()
今天写notification练习时,误将NotificationManager.notify(0, notification);写成notification.notify(); 代码如下 publi ...
- Spring 学习笔记02
用spring实现一个论坛基本功能 1 运行环境 Linux:Ubun 14.04 64bit IDE:IntelliJ IDEA 14.03 JDK:1.7.40 MySQL:5.5.44 Tomc ...
- C++程序设计教程学习(1)-第一部分 编程基础
第一章 概述 C++到底难不难学?没有学不会的事情 1.1 程序设计语言 语言 编程语言 人和计算机交流的工具,群体扩大,人人间交流过程描述与信息表达的工具 机器语言,汇编语言,高级语言 1.2 C+ ...
- struts2中<s:select/>标签的运用详解
<s:select list="smsTypes" listKey="SmsTypeId" listValue="SmsTypeName&quo ...
- AES CBC 128的实现
原由 AES已经变成目前对称加密中最流行算法之一,AES可以使用128.192.和256位密钥,并且用128位分组加密和解密数据. 项目中需要使用AES对密码信息进行加密,由嵌入式设备使用C语言进行加 ...
- epoll函数及三种I/O复用函数的对比
epoll函数 #include <sys/epoll.h>int epoll_create(int size)int epoll_ctl(int epfd, int op, int fd ...
- Android调用系统的Activity、ContentProvider、Service、Broadcast Receiver
Intent-------->Action |_____________Activity------------------------------->Intent Action |___ ...
- Unity3D中的工具类
1.时间:Unity提供了Time类,这个类主要用来获取当前的系统时间. Time.time:从游戏开始后开始计时,表示截止目前共运行的游戏时间. Time.deltaTime:获取Update()方 ...
- Cross-compiling Qt Embedded 5.5 for Raspberry Pi 2
This tutorial shows how to cross-compile the Embedded build of Qt 5.5 for Raspberry Pi 2. The Embedd ...