点击改变p和div元素:

<!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>test javascript</title>
<style type="text/css">body{margin:0px;padding:0px;background:#999999;}#button{border-radius:6px;color:#00FF00;font-size:16px;}
</style>
</head><body>
<h1>My Site</h1>
<p id="demo">一个段落</p>
<div id="myDIV" onclick="JavaScript:alert("hello lt")">一个div块</div>
<button type="button" id="button" onclick="myFunction()" >click me</button>
<script type="text/javascript">function myFunction(){document.getElementById("demo").innerHTML="Hello world!";document.getElementById("myDIV").innerHTML = "How are you!";}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/blogofwyl/p/4541485.html

javascript学习代码相关推荐

  1. JavaScript学习代码整理(二)--函数

    //JavaScript函数//简单的求和函数 function sum(a,b) {return a + b; }//函数可以存储在变量中,也可以通过变量调用函数 x = sum(a,b); x(1 ...

  2. javaScript学习笔记:用城市代码查询城市天气

    javaScript学习笔记:AXAJ基础 一.准备工作 1.python案列:查询城市天气并绘制最高气温与最低气温折线图 2.使用JSON Viever直观查看JSON数据 二.任务 任务2.输入城 ...

  3. Javascript学习7 - 脚本化浏览器窗口

    原文:Javascript学习7 - 脚本化浏览器窗口 本节讨论了文档对象模型.客户端Javascript下Window中的各项属性,包括计时器.Location对象.Histroy对象.窗口.浏览器 ...

  4. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  5. 《Javascript入门学习全集》 Javascript学习第二季(实战4)

    Javascript学习第二季(实战4)   上章的例子虽然实现了功能,也做了相应的判断,也符合标准了.但还有一个问题就是: Choose an image. 在html中只是为了图片切换 而做的,而 ...

  6. javascript常用代码大全

    http://caibaojian.com/288.html     原文链接 jquery选中radio//如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...

  7. CSDN技术主题月----“深度学习”代码笔记专栏

    from: CSDN技术主题月----"深度学习"代码笔记专栏 2016-09-13 nigelyq 技术专题 Hi,各位用户 CSDN技术主题月代码笔记专栏会每月在CODE博客为 ...

  8. JavaScript学习知识点归纳

    JavaScript学习包括几大方面: 1.基础语法 2.JavaScript核心对象 3.DOM操作 4.BOM操作 5.正则表达式 6.AJAX 7.面向对象编程 以下依次为各版块相关内容==&g ...

  9. JavaScript 学习笔记(1)

    1.     何为 Jscript JScript 是一种解释型的.基于对象的脚本语言. 局限性: 1)        不能使用该语言来编写独立运行的应用程序 2)        没有对读写文件的内置 ...

最新文章

  1. python3.5下载-Python3.5.2
  2. 东北全面放开生育,数据揭秘人口和GDP和房价间联系
  3. linux suse 安装redis,在openSuse linux上Redis安装简单步骤
  4. Oracle 单行函数
  5. Python如何生成windows可执行的exe文件
  6. VB让控件可以当标题栏拖动
  7. linux内存管理源码分析 - 页框分配器
  8. 从零开始学android:认识Android
  9. Linux 网卡重新获取IP
  10. quartz 表结构 mysql_Quartz表结构说明
  11. JVM运行和类加载全过程
  12. i5-1135g7是标压还是低压 i5 1135g7是集成显卡么
  13. 最新字节跳动面试题与岗位层级,绩效考核制度介绍
  14. 一文带你了解Hive【详细介绍】Hive与传统数据库有什么区别?
  15. 跟小甲鱼学Web开发笔记07
  16. Python模拟自动存取款机的查询、存取款、修改密码等操作
  17. 【C++】反向迭代器的实现
  18. 一本喜欢的书《永不退场 蒂姆.邓肯传》
  19. 易学笔记-系统分析师考试-第2章 经济管理与应用数学/2.6 IT审计相关常识/2.6.3 IT审计的方法和工具
  20. 10年技术管理实战不传心法

热门文章

  1. pythonchar中的拟合方法_在python中利用numpy求解多项式以及多项式拟合的方法
  2. 微信小程序识别图片并提取文字_图片转文字识别功能的小程序,超精准识别——闪电识字...
  3. java arp 攻击_用JAVA代码实现ARP攻击 | 学步园
  4. bazel 链接第三方动态库_惠州权威信息系统安全检测第三方
  5. 『ACM』ACM模板合集
  6. Leetcode刷题 33.搜索旋转排序数组
  7. 【git】git 入门使用手册
  8. 梯度下降法_梯度下降
  9. 现代分层、聚集聚类算法_分层聚类:聚集性和分裂性-解释
  10. Liveness 探测 - 每天5分钟玩转 Docker 容器技术(143)