HTML 内嵌JS脚本

提供一个JS参考手册入口:http://www.w3school.com.cn/jsref/index.asp

  JavaScript 最常用于图片操作、表单数据处理以及内容动态更新。

<!DOCTYPE html>
<html>
<head>?
<meta?charset="utf-8">?
<title>菜鸟教程(runoob.com)</title>?
</head>
<body>

<h1>我的第一个 JavaScript </h1>

<p id="demo">
JavaScript 可以触发事件,就像按钮点击。</p>

<script>
function myFunction1()
{
    document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>
<button type="button" onclick="myFunction1()">点击这里</button>

<h2>我的第二段 JavaScript</h2>

<p id="demo2">
JavaScript 能改变 HTML 元素的样式。</p>

<script>
function myFunction2()
{
    x=document.getElementById("demo2") // 找到元素
    x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" onclick="myFunction2()">点击这里</button>

</body>
</html>
  • 第一个示例修改元素的文本;
  • 第二个示例修改元素的样式;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)(runoob.com)</title>
</head>
<body>

<script>
function changeImage()
{
    element=document.getElementById(‘myimage‘)
    if (element.src.match("bulbon"))  <!-- JS脚本获取元素的src属性(字符串型), 与“bulbon”匹配 -->
     {
          element.src="pic_bulboff.png";
      }
    else
    {
          element.src="pic_bulbon.png";
    }
}
</script>

<img id="myimage" onclick="changeImage()"
src="pic_bulboff.png" width="100" height="180">

<p>点击灯泡就可以打开或关闭这盏灯</p>

</body>
</html>
时间: 2024-10-18 11:26:01

HTML 内嵌JS脚本的相关文章

【转】WebResource实现在自定义控件中内嵌JS文件

在类库中的资源  其他项目中要使用 需要嵌入才行 参考文献:WebResource实现在自定义控件中内嵌JS文件 1. WebResource简介 ASP.NET(1.0/1.1)给我们提供了一个开发WebControl的编程模型,于是我们摆脱了asp里面的include模式的复用方式.不过1.0/1.1提供的Web控件开发模型对于处理没有image.css等外部资源的组件还算比较得心应手,script虽然很多时候也是外部资源,但在开发控件的时候我们习惯把script使用Page.Registe

Nginx 内嵌lua脚本,结合Redis使用

0x00 Nginx 内嵌Lua脚本有以下特点: 20k个并发连接 Lua脚本可以在Nignx 11个层次的不同层次发挥作用,扩展Ngnix功能 Lua速度极快(寄存器指令) 0x01 应用场景 在web server端做请求过滤处理(如:WAF.Anti CC等) 0x02 简单配置过程 测试环境Ubuntu Server 14.04.2 LTS 几个需要下载的模块(注意安装顺序和export路径问题) Nginx 1.7.4 LuaJIT-2.0.4(A Just-In-Time Compi

Unity内嵌浏览器脚本

资源名称:Embedded Browser 资源大小: 117.4MB 资源版本: v1.0.2 资源类型: .unitypackage 安装要求:要求Unity 5.3.0或更高版本 官网地址:https://www.assetstore.unity3d.com/cn/#!/content/55459 网盘下载地址:链接: https://pan.baidu.com/s/1qXXMpoK 密码: fv95 资源说明: 本资源能够帮你渲染一个完全可交互的网页.通过本资源,你可以轻松加快你的库存管

Nginx内嵌Lua脚本提高分布式缓存命中率

解决问题:负载均衡的时候,假如业务逻辑主机有四台(A,B,C,D),虽然配置ip_hash(ji),这只是实现同一个ip去请求一个上层业务服务器(可以解决session的问题),但是现在,如果要实现一个商品页面的缓存内容只缓存在一台服务器A (所有关于这个页面请求都丢给A服务器,BCD服务器没有关于这个页面的缓存内容),极大程度的节省了服务器的存储空间. 首先查看当前服务器的版本:nginx  -V (注:根据我的测试,可以增加 lua 模块的版本对也nginx的版本有要求,最低版本是:ngin

原生js实现tab选项卡里内嵌图片滚动特效代码

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>原生js实现tab选项卡里内嵌图片滚动特效代码</title><meta name="keywords" content="原生js实现tab选项卡里内嵌图片滚动特效代码" /><meta name=&

js - 运用内嵌来实现动态布局

    js魅力所在应该就是它的灵活性很强,比如说当用了   元素.innerHTML=(所要内嵌的结构),加上事件和函数以后神奇的事就要发生了,原来的结构发生了变化,元素里又内嵌了一个结构.     说到内嵌呢,就不得不提一下字符串了.在拼接字符串的时候拼接字符串不管是单引号还是双时引号在拼接的时候都会默认离自己最近的另一半是一对的,导致没用好的话就把变量解析成字符串了.解决方法嘛~最靠谱的就是按老师说的,把填的结构先写上,要从哪里加东西就在那里用两个加号"劈开"然后再加内容 . 依

selenium3 + python - js 内嵌滚动处理

一.js内嵌html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"><!-- for HTML5 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>内嵌div&

js把css样式转成内嵌

通过邮件内容是要内嵌样式的 //根据容器ID来渲染行内样式,避免长时间卡顿 let translateStyle = contentId => { const sheets = document.styleSheets; const sheetsArry = Array.from(sheets); const $content = $('#' + contentId); sheetsArry.forEach(sheetContent => { const { rules, cssRules }

【javascript】javascript学习之js脚本的解析步骤

将javascript代码加入到HTML代码中,即使用<script>标签的方式有两种:直接嵌入页面中和使用外部js文件. 使用<script>标签嵌入html代码中时,需要指定其类型:type="text/javascript".不过在html5标准中<script>标签的type默认为"text/javascript",可以省略不写,不过考虑到低版本的兼容问题,一般还是加上比较好. 嵌入式js代码: 添加到<script