js引入方式的弹框方法2

html代码:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>Title</title>
</head>

<body>

<div id="d1">我是div</div>
<script src="ooxx.js"></script>
</body>
</html>

js文件:ooxx代码:

//1.找到那个标签
var d1Ele = document.getElementById(‘d1‘);
console.log(d1Ele);
//这里在获取到d1之后,立马打印,打印的结果是空
//因为我们把script放到了head里边了,在这里我们需要将script放到body的最下边
//这样我们就可成功弹出来了

//2.获取标签的文本内容
var s = d1Ele.innerText;
//3.alert弹出
alert(s)

结果:

原文地址：https://www.cnblogs.com/studybrother/p/10386113.html

时间： 2024-10-06 23:43:06

js引入方式的弹框方法2的相关文章

js默认三种弹框方式

<div onclick="alert('警告')">onclick!</div> <div onclick="confirm('确认')">onclick!</div> <div onclick="prompt('信息输入')">onclick!

一.JS引入方式什么是JavaScript? JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的. JavaScript的嵌入方式 1.行间事件 <input type="button" name="clicktook" onclick= "alert("ok!");"> 2.页面scrip标签嵌入

通过js批量提交后弹框

在一个报表页面有批量操作功能,选择任意条数据后点击审核按钮,弹出审核意见填写页面,填写完成后提交,代码: function approveListProgram() { var ids = ""; //获取所有已选择的复选按钮的id,拼接成字符串ids $('.frog-table', NavTab.getCurrentPanel()).find( 'tbody input[type="checkbox"]').each(function() { if ($(thi

原生js实现拖拽弹框的效果

研究了一上午,模仿了拖拽弹框的效果,小有成就 <script type="text/javascript"> function getByClass(classname,parent){ var par=parent||document, eles=par.getElementsByTagName("*"), needArr=[]; for(var i=0;i<eles.length;i++){ if(eles[i].className==clas

js手机端图片弹出方法

1 $("img").click(function(){ //获取窗口可视大小 2 var width=$(window).width(); 3 var height=$(window).height(); 4 var img=$(this); 5 var html=''; //获取图片的真实宽高 6 $("<img/>").attr("src", $(img).attr("src")).load(function

通过js写一个消息弹框

prompt(data,time) { let alertForm = document.createElement('div'); alertForm.id="promptBox"; alertForm.style.position = "fixed"; alertForm.style.right = "4%"; alertForm.style.top = "6%"; alertForm.style.margin = &qu

css-dialog样式实现弹框蒙层全屏无需JS计算高度兼容IE7

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css-dialog</title> <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> </head><style type="

考拉Android统一弹框

作者:钱成杰背景在快速开发的背景下,经历了n个版本后的考拉Android App中已经存在了各种各样看似相同却各有差别的弹框样式.其中包括系统弹框和自定义弹框,并且在线上时常会出现IllegalArgumentException的异常,而现有的解决方法是通过工具类来保护调用show和dismiss方法,这种方式效率不高,而且覆盖不全,开发过程中容易遗漏.另外现有的Builder方式的弹框构造工具虽然功能强大,能构造各种弹框,但是使用复杂,样式逻辑耦合,使用成本太高.于是,便需要一款样式统一.

CSS引入方式的区别详解

在web前端开发中,CSS是一种用来表现HTML或XML等文件样式的语言.很多处于web前端初学阶段的朋友,很多人都不知道CSS引入方式存在三种方法,css引入方式分别为标签内联书写.页面头部书写.外部引入,那么这三者有何区别?本文给大家讲解了从不同的角度分析他们的优势与劣势. 1.外部引入: 在HTML的head部分<link rel="stylesheet" type="text/css" href="css文件路径">,引入外部