原文发布时间为：2008-11-10 —— 来源于本人的百度文章 [由搬家工具导入]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js</title>
<style>
.level1 {
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #00FF99;
background-color: #FF0000;
text-decoration: underline;
}
</style>
<script type="text/javascript">
function csschange(){
var c1=document.getElementById("p1");
c1.style.fontStyle="italic";
c1.style.fontWeight="normal";
c1.style.fontVariant="normal";
c1.style.color="blue";
c1.style.backgroundColor="green";
c1.style.textDecoration="blink";
}

function bytag(){
var c2=document.getElementsByTagName("p");
c2[0].style.fontStyle="italic";
c2[0].style.fontWeight="normal";
c2[0].style.fontVariant="normal";
c2[0].style.color="red";
c2[0].style.backgroundColor="yellow";
c2[0].style.textDecoration="blink";
c2[1].style.backgroundColor="yellow";
}

   var position=new Array();
   position[0]=200;position[1]=150;
   position[2]=300;position[3]=150;
   position[4]=300;position[5]=300;
   position[6]=200;position[7]=300;
   var i=0;
function run(){
var m=document.getElementById("move");
m.style.left=position[i];
m.style.top=position[i+1];
i+=2;
if(i==8)
     i=0;
}
function checkbrowser(){
   if(!document.getElementById)
       alert('浏览器不支持此程序');
   else if(!document.all){
       alert('浏览器不支持此程序');
    document.location.href="http://www.baidu.com";
    }
    }
</script>
</head>

<body onload="checkbrowser();runing=setInterval('run();',100);">

<p class="level1" id="p1">改变你</p>
<p>&nbsp; </p>
<form id="form1" name="form1" method="post" action="">
<label>
<input name="change" type="button" id="change" value="按钮ByID" onclick="csschange();" />
</label>
<label>
<input name="tag1" type="button" id="tag1" value="按钮ByTag" onclick="bytag();" />
</label>
</form>
<span style="position:absolute;left:200px;top:300px;" id="move">
<img src="../../图片/视觉/image016.jpg" width="100" height="100"/>
</span>
<input name="Stop" type="button" id="stop" onclick="clearInterval(runing);" value="Stop" />
</body>
</html>

1、JavaScript引用Css属性时，若有连接符，须去掉连接符，并把连接符后面的单词的第一个字符大写，如css属性background-color，引用时需写成backgroundColor。

2、getElementsByTagName是数组，getElementById是唯一一个

3、JavaScript引用属性时一般是document.getElementById("objectId").style.属性

4、用if(!document.getElementById)可以判断该浏览器是不是W3C标准，用 else if(!document.all)可以判断是不是旧版本的IE浏览器

js82:CSS的Style，image的重定位，getElementById，getElementsByTagName，location.href的更多相关文章

  1. Html CSS学习（五）position定位 原

    Html CSS学习(五)position定位 position用来对元素进行定位,其值有以下几种: static:无特殊定位,对象遵循正常文档流,top,right,bottom,left等属性不会 ...

  2. 一款多功能的移动端滚动选择器，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等..

    https://github.com/onlyhom/mobileSelect.js/blob/master/docs/README-CN.md mobileSelect.js 一款多功能的移动端滚动 ...

  3. 鸿蒙内核源码分析(重定位篇) | 与国际接轨的对外部发言人 | 百篇博客分析OpenHarmony源码 | v55.01

    百篇博客系列篇.本篇为: v55.xx 鸿蒙内核源码分析(重定位篇) | 与国际接轨的对外部发言人 | 51.c.h.o 加载运行相关篇为: v51.xx 鸿蒙内核源码分析(ELF格式篇) | 应用程 ...

  4. Reverse Core 第二部分 - 16&17章 - 基址重定位表&.reloc节区

    第16-17章 - 基址重定位表&.reloc节区 @date: 2016/11/31 @author: dlive 0x00 前言 这几天忙着挖邮箱漏洞,吃火锅,马上要被关禁闭,看书进度比较 ...

  5. IOAPIC重定位中断处理函数思路整理

    因为小可并非硬件编程出身,汇编基础又比较差...所以刚开始理解利用IOAPIC重定位技术的时候相当困难. 何为IOAPIC? 首先,必须认识到它是一个硬件,可编程的硬件.我理解的它在整个流程中的作用如 ...

  6. ELF Format 笔记（十）—— 重定位（relocation）

    ilocker:关注 Android 安全(新手) QQ: 2597294287 重定位就是把符号引用与符号定义链接起来的过程,这也是 android linker 的主要工作之一. 当程序中调用一个 ...

  7. [PE结构分析] 10.基址重定位

    源代码如下: typedef struct _IMAGE_BASE_RELOCATION { DWORD VirtualAddress; DWORD SizeOfBlock; // WORD Type ...

  8. 小甲鱼PE详解之基址重定位详解（PE详解10）

    今天有一个朋友发短消息问我说“老师,为什么PE的格式要讲的这么这么细,这可不是一般的系哦”.其实之所以将PE结构放在解密系列继基础篇之后讲并且尽可能细致的讲,不是因为小甲鱼没事找事做,主要原因是因为P ...

  9. [CSAPP-II] 链接[符号解析和重定位] 静态链接 动态链接 动态链接接口

    1 平台 转http://blog.csdn.net/misskissc/article/details/43063419 1.1 硬件 Table 1. 硬件(lscpu) Architecture ...

随机推荐

  1. AJPFX总结线程创建的两种方法

    创建线程的第一种方式:继承Thread ,由子类复写run方法.步骤:1,定义类继承Thread类:2,目的是复写run方法,将要让线程运行的代码都存储到run方法中:3,通过创建Thread类的子类 ...

  2. Activity的创建、生命周期

    Activity是Android四大组件之一.一个Activity负责管理一个界面. 创建一个Activity: New -> Activity -> 选择要创建的Activity类型(一 ...

  3. Koa--基于Node.js平台的下一代web开发框架的安装

    koa 是由 Express 原班人马打造的,致力于成为一个更小.更富有表现力.更健壮的 Web 框架. 使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函 ...

  4. ios app跳转拨打电话界面，调用拨打电话功能

    DNLogFUNC //两种方法都可以用 //这种据说是可以上appstore NSURL *phoneURL = [NSURL URLWithString:[NSString stringWithF ...

  5. 毕业设计：HomeFragment(二)

    一.长按item时的响应 在长按item时,我希望能让CheckBox显示出来,并且呼出全选.反选.取消菜单,以及下载.删除.移动.复制操作菜单. 我在具体实现的时候发现处理item布局是一个很大的问 ...

  6. Kali 2017.3开启VNC远程桌面登录

    通过启用屏幕共享来开启远程桌面登录,开启后需要关闭encryption,否则会出现无法连接的情况.关闭encryption可以使用系统配置工具dconf来完成.所以先安装dconf-editor. 更 ...

  7. Python3简明教程（十二）—— 模块

    在这节我们将要学习 Python 模块相关知识.包括模块的概念和导入方法,包的概念和使用,第三方模块的介绍,命令行参数的使用等. 模块 到目前为止,我们在 Python 解释器中写的所有代码都在我们退 ...

  8. 理解 Word2Vec 之 Skip-Gram 模型

    理解 Word2Vec 之 Skip-Gram 模型 天雨粟 模型师傅 / 果粉 https://zhuanlan.zhihu.com/p/27234078 508 人赞同了该文章 注明:我发现知乎有 ...

  9. 使用html2canvas实现网页截图，并嵌入到PDF

    使用html2canvas实现网页截图并嵌入到PDF 以前我们只能通过截图工具进行截取图像.这使得在业务生产中,变得越来越不方便.目前的浏览器功能越来越强大,H5也逐渐普及,浏览器也可以实现截图了.这 ...

  10. More Effective C++ - 章节二 ： 操作符(operators)

    5. 对定制的 "类型转换函数" 保持警觉 允许编译器执行隐式类型转换,害处多过好处,不要提供转换函数,除非你确定需要. class foo { foo(int a = 0, in ...