如果您对如何使用JavaScript获取元素的背景图片网址？和js获取背景图片地址感兴趣，那么这篇文章一定是您不可错过的。我们将详细讲解如何使用JavaScript获取元素的背景图片网址？的各种细节，
如果您对如何使用JavaScript获取元素的背景图片网址？和js获取背景图片地址感兴趣，那么这篇文章一定是您不可错过的。我们将详细讲解如何使用JavaScript获取元素的背景图片网址？的各种细节，并对js获取背景图片地址进行深入的分析，此外还有关于c# – 如何使用javascript获取会话值、HTML中的元素的默认z-Index是什么,以及如何使用JavaScript获取它？、javascript – 使用jQuery的背景图像转换、javascript – 如何获取元素的父元素？的实用技巧。
本文目录一览：- 如何使用JavaScript获取元素的背景图片网址？（js获取背景图片地址）
- c# – 如何使用javascript获取会话值
- HTML中的元素的默认z-Index是什么,以及如何使用JavaScript获取它？
- javascript – 使用jQuery的背景图像转换
- javascript – 如何获取元素的父元素？
如何使用JavaScript获取元素的背景图片网址？（js获取背景图片地址）
如何获取JavaScript中元素的background-imageURL <div>？例如，我有这个：
<div>...</div>
我如何 只 获取URL background-image？
c# – 如何使用javascript获取会话值
namespace General
{
public class Session
{
public Session()
{
}
public static string UserID
{
get { return HttpContext.Current.Session["UserID"] as string ?? String.Empty; }
set { HttpContext.Current.Session["UserID"] = value; }
}
public static string departFlightID
{
get { return HttpContext.Current.Session["departFlightID"] as string ?? String.Empty; }
set { HttpContext.Current.Session["departFlightID"] = value; }
}
public static string returnFlightID
{
get { return HttpContext.Current.Session["returnFlightID"] as string ?? String.Empty; }
set { HttpContext.Current.Session["returnFlightID"] = value; }
}
}
}
现在在某个时候我将flightID存储在：
General.Session.departFlightID = flightID;
而在另一点我想使用Javascript检索这个值.我已经看到这里的例子,但他们不会工作(没有错误,但他们将返回EMPTY).
最近的尝试：
var session = '<%= General.Session.departFlightID %>'; var session = '<%= HttpContext.Current.Session["departFlightID"] %>';
它的工作,如果我设置页面加载的价值,但我正在运行一个webmethod,我创建一个html,然后发送该html回来填充在一个div,在那里打票.我需要获取会话值,但不会更新.
为了更清楚这里是Javascript代码：
<script type="text/javascript">
function addTicket(flightID,flightType) {
PageMethods.addTicket(flightID,flightType,OnGetMessageSuccess);
}
function OnGetMessageSuccess(result,userContext,methodName) {
var pageUrl = document.URL;
if (pageUrl.indexOf("&ret_date=&") !== -1) {
var session = '<%= HttpContext.Current.Session["departFlightID"] %>';
alert(session);
result = result + "<a onclick=\"searchflight.abortAllAjax()\" data-index=\"6\" class=\"bookNow\" title=\"Book Now!\" href=\"#\">Book Now!</a>";
result = result + "</div> </div> </div>";
document.getElementById("detail").innerHTML = result;
}
}
这里是webmethod：
[System.Web.Services.WebMethod]
public static string addTicket(string flightID,string flightType)
{
//GET FLIGHT DETAILS FROM DATATABLE OR SESSION DATA TABLE
string tmpHtml = string.Empty;
tmphtml="sample";
string flightID="123123213";
General.Session.departFlightID=flightID;
return tmphtml;
}
解决方法
我们通常在会话变量中具有敏感数据,因此它们总是服务器端.仍然如果你想你可以尝试添加一个HiddenField在你的.aspx标记和代码后面你可以设置它.一旦设置了值,您可以使用$(“#id”)方式或Document.GetElementById()方法轻松访问该值.
HTML中的元素的默认z-Index是什么,以及如何使用JavaScript获取它？
var zindex = document.getElementById('id').style.zIndex;
我在代码中使用这个值来做某事。现在的问题是使用默认值，在HTML代码中没有定义(甚至在外部css中定义了z-Index的情况下)，相同的java脚本命令什么都不返回。
我明白，在默认情况下，通常浏览器会根据元素堆决定渲染。但是有没有什么具体的价值或方式来实现这一点在JavaScript中没有定义的价值？
我的意思是，通常没有任何回报将意味着没有定义的价值。但它也发生在外部的CSS，所以我如何区分两者？
解决方法
https://developer.mozilla.org/en/DOM/window.getComputedStyle
var e = document.getElementById('mydiv');
var value = window.getComputedStyle(e[0],null)['zIndex']
我得到这些值：“auto”，“10”。更改后：z-index：10，position：relative。
javascript – 使用jQuery的背景图像转换
我做了一个小jQuery代码,改变了框中的背景图像.
HTML
<divid="Box">
<div>
CONTENT
</div>
</div>
jQuery的
slide=Math.floor((Math.random() * 6) + 1); slide=(slide==0?1:slide);
$("#Box").attr("style", "background-image:url(images/slider/"+(slide)+".jpg);");
setInterval(function() {
$("#Box").attr("style", "background-image:url(images/slider/"+(slide)+".jpg);");
slide++; if(slide>6) slide=1;
}, 6000
);
CSS
.content-wrapper{
display:table;
width:100%;
color:black;
text-align:center;
margin:0 0 0 0 !important;
padding:0px !important;
height:600px;
}
.content-wrapper > .content{
width:100%;
display: table-cell;
vertical-align:middle;
text-align:center;
font-size:36px;
font-weight:bold;
}
#Box {
background-repeat: no-repeat;
background-position:center top;
background-attachment:fixed;
background-size:cover;
}
#Box > .content{
background:rgba(0,0,0,0.5);
color:#FFF;
}
DEMO
我的想法是每次加载页面时显示随机图片并开始每隔6秒更改图像的幻灯片.所有这一切都很好,但我不知道如何做一个很好的过渡. fadeIn()或fadeOut()是不可能的,因为在图像上我有固定的文本内容.我不想为背景滑块使用太大的库,所以我对最简单的解决方案感兴趣.非常感谢你.
解决方法:
所以如果你想左右滑动Fiddle:Demo：
$(document).ready(function () {
var delay = 3000,
fade = 1000;
var banners = $('.banner');
var len = banners.length;
var i = 0;
setTimeout(cycle, delay);
function cycle() {
$(banners[i % len]).hide("slide", function(){
$(banners[++i % len]).show("slide", {
direction: "left"
});
setTimeout(cycle, delay);
});
}
});
如果你想上下滑动：Fiddle
$(document).ready(function() {
var delay = 3000, fade = 1000;
var banners = $('.banner');
var len = banners.length;
var i = 0;
setTimeout(cycle, delay);
function cycle() {
$(banners[i%len]).slideUp(fade, function() {
$(banners[++i%len]).slideDown(fade, function() {
setTimeout(cycle, delay);
});
});
}
});
你可以尝试将它们结合起来,提出一个很好的过渡.
javascript – 如何获取元素的父元素？
我正在尝试在PHP中创建一个类似JavaScript的alert()命令的函数,但是当我在一个警报上单击“确定”按钮时,所有警报都会消失！
这是我的代码：
<!DOCTYPE html>
<?PHP
function alert($title, $text) {
$html = '<div id="alert">';
$html = $html . '<h1>'. $title . '</h1>' . $text;
$html = $html . '<br><br><button type="button"onclick="document.getElementById(\"alert\").style.display=none">OK</button>';
echo $html;
}
alert('Testing', 'Testing <em>testing</em><b>123</b>');
alert('Testg', 'Tesng <em>tting</em><b>23</b>');
alert('Tsting', 'ing <em>tng</em><b>123</b>');
alert('Testg', 'Teng <em>tesng</em><b>123</b>');
alert('Teing', 'Teing <em>teng</em><b>123</b>');
?>
我试过用这个,但只是让按钮消失了！我需要找到父元素.我怎么做？
解决方法:
在parentNode中使用普通javascript：
element.parentNode
在jQuery中：
element.parent()
关于如何使用JavaScript获取元素的背景图片网址？和js获取背景图片地址的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于c# – 如何使用javascript获取会话值、HTML中的元素的默认z-Index是什么,以及如何使用JavaScript获取它？、javascript – 使用jQuery的背景图像转换、javascript – 如何获取元素的父元素？的相关信息，请在本站寻找。
本文标签：
