首页 > 编程语言 >JavaScript代码,鼠标放上去显示一张图片

JavaScript代码,鼠标放上去显示一张图片

时间:2023-10-29 09:44:39浏览次数:40  
标签:appendChild 鼠标 放上去 JavaScript getAttribute var document

 <!DOCTYPE html>  <html>     <head>         <meta charset = "utf-8">         <title>First C</title>           </head>     <body>         <h1  >hello world</h1>         <input type="button" value="clickme" onclick="btnclick();"/>         <ul>                 <li><a href=".\1.gif"/  onmouseenter="show(this);return false ; " alt="显示图片1.gif">1.gif</li>                 <li><a href=".\2.gif"/ onm ouseenter="show(this);return false ; " alt="显示图片2.gif">2.gif</li>         </ul>         <img id = "pic" src="" alt ="hell"/>         <div id="msg"></div>     </body>     <%@ language="JScript" %> <html>
 <script>
    function show(o) {     var s = o.getAttribute("href");     var p = document.getElementById("pic") ;     p.setAttribute("src",s);     document.getElementById("msg").innerText ="图片说明:" +  o.getAttribute("alt");         }
    function btnclick() {                       var p = document.createElement("h2") ;         var txt = document.createTextNode("new element!11");         p.appendChild(txt);         document.body.appendChild(p);
            }  </script> </html>

标签:appendChild,鼠标,放上去,JavaScript,getAttribute,var,document
From: https://www.cnblogs.com/qzxff/p/17795468.html

相关文章

  • 如何用JavaScript更改元素的类?
    内容来自DOChttps://q.houxu6.top/?s=如何用JavaScript更改元素的类?我该如何使用JavaScript响应onclick或其他事件来更改HTML元素的类?现代HTML5技术用于更改类现代浏览器添加了classList,它提供了更方便地操作类的方法,而无需使用库:document.getElementById("MyElement").c......
  • 5款在线JavaScript加密混淆工具
    5款常用、好用的在线JavaScript加密混淆工具,网址请从截图中查看。1、jscrambler2、JShaman3、javascriptobfuscator4、freejsobfuscator5、jjencode......
  • JavaScript 中的this
    在JavaScript中,this关键字的行为使其有别于其他编程语言。与某些语言在编译时确定的不同,在JavaScript中,它是根据函数的调用方式在运行时动态绑定的。这意味着每次调用该函数时this的值都会有所不同。函数上下文类上下文 回调构造函数等用到......
  • JavaScript 数组存储方式及对象
    一、数组的存储1、当声明一个变量时,vara=111;在后台计算机翻译时,var声明a变量所以此时会产生一个栈内存,变量a的初始值为undefined,然后=111;undefined消失,111的值被赋值给了a。如果多个变量赋值的话,栈内存的执行顺序是先进后出的顺序。也叫做压栈。栈内存属于基础数据......
  • 模拟鼠标键盘操作PyUserInput
    模拟鼠标操作是模拟鼠标点击和键盘输入的操作,UI自动化测试中非常实用。在WebUI、AppUI、WinAppUI自动化测试讲解中借助Selenium和Appium框架下ActionChains、TouchAction、MouseButton等类已经介绍了如何模拟鼠标和键盘操作。本文将为大家介绍一个独立的、任何时候都可以模拟鼠......
  • 在JavaScript中创建多行字符串
    内容来自DOChttps://q.houxu6.top/?s=在JavaScript中创建多行字符串在JavaScript中,等效的代码如下:consttext=`ThisIsAMultilineString`;更新:ECMAScript6(ES6)引入了一种新的字面量类型,即模板字面量。它们具有许多功能,包括变量插值等等,但最重要的是对于这个问题,它......
  • JAVASCRIPT 上传文件的几种方式
    方法1:使用ajax,通过formdata传参//注意:FormData只兼容到IE10varformData=newFormData();varfile=$('.import-file-btn').get(0).files[0];formData.append('file',file);formData.append('id',id);formData.append('name',name)......
  • 【Java 进阶篇】JavaScript 正则表达式(RegExp)详解
    JavaScript正则表达式,通常简写为RegExp,是一种强大的文本匹配工具,它允许你通过一种灵活的语法来查找和替换字符串中的文本。正则表达式在编程中用途广泛,不仅限于JavaScript,在许多编程语言中也都有类似的实现。什么是正则表达式正则表达式,简称正则或RegExp,是一个用于描述字符模式......
  • 【Java 进阶篇】JavaScript Math对象详解
    在JavaScript编程中,Math对象是一个非常有用的工具,用于执行各种数学运算。它提供了许多数学函数和常数,可以用于处理数字、执行几何运算、生成随机数等。在本篇博客中,我们将深入探讨JavaScript中Math对象的各种功能和用法。什么是Math对象?Math对象是JavaScript的内置对象之一,它不需要......
  • 【Java 进阶篇】JavaScript 中的全局对象和变量
    JavaScript是一门非常强大的编程语言,它提供了许多全局对象和变量,以便于在整个应用程序中共享数据和功能。本文将详细介绍JavaScript中的全局对象和变量,包括全局对象、全局变量、全局函数以及它们的用途和示例。全局对象JavaScript中有一些全局对象,它们在整个应用程序中都可用。......