需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,填充问题基础代码。
2、在indexhtml中的<script>标签中,输入js代码:var id = $('div')attr('id');documentbodyinnerText = id;。
3、浏览器运行indexhtml页面,此时取到了div的id并成功打印出了。
js获取get数据
如今前后端分离已经成为趋势,也就是说许多页面如果外部做链接 就需要 自定义 话的 页面进行参数设置,目前有效的办法就是get参数。通过自定义的get参数为封装的 vue等框架 提供页面变量标识! 当然也可以使用路由进行。
/ --------------------实现2(返回 $_GET 对象, 仿PHP模式)---------------------- /
通过url传参。
如果是HTML页面的话,JS传到新页面就输入windowlocationhref='ahtmlid=100'。然后ahtml页面的JS就<div id="s"></div>
<script>
documentgetElementById("s")innerHTML=windowlocationsplit('')[1];
</script>
如果是想要实现AJAX在a页面传参数到b页面,并且在a页面的层显示b页面执行参数的结果的话就用AJAX了。下面是JQUERY的。
<div id="a"></div>
$("#a")load("bhtmlid=100");
//或者
$get("bhtmlid=100",function(data){
$("#a")html(data);})
本地存储sessionStorage 或 localStorage,html5的话可以用 sessionStorage 或 localStorage,很容易的。sessionStorage 是会话存储,关闭浏览器就没了。localStorage 是持久化存储,完全可以替代cookie 存储空间更大。
实现方法:存:sessionStorage["par1"]="123"。取:sessionStorage["par1"] localStorage实现方法和sessionStorage一样。
实时获取推荐使用Socket。
定时获取数据的话写个定时器,每10秒获取一次数据。
定时:
var t = null;
t = setInterval(function(){
//获取数据的代码
},10000)
有两种方法,一种是$ajax(option)方法,一种是$getJSON()方法。
实例:
一、数据集所在jsp页面outjsp,代码如下
<%@page contentType="text/plain; charset=UTF-8"
language="java"
import="javaio,javanet,javautil"
buffer="8kb"
session="false"
autoFlush="true"
%>
<%
String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";
//outclear();
outwrite(jsonData);
%>
二、js处理页面
(1)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">
<html xmlns="">
<head>
<title>test</title>
<meta >
以上就是关于js如何获取div中的数据全部的内容,包括:js如何获取div中的数据、js获取get数据、JS如何从另一个网页获取数据内容进行处理等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)