个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我有一个从服务获取的脚本标记。我只是将其附加到 html 的头部。
它已被附加，但问题是它有一些我需要在我的应用程序中访问的值。
<script>
abc.header.value = "1";
abc.header.path = "/abc/def/ghi?isThirdParty=false&version=v123";
</script>
将脚本添加到 header 后，如果我尝试访问 abc.header.value，它会抛出未定义的错误。
如何从添加的脚本访问值。而且我还有一个全局对象，有没有办法将所有这些动态添加的值添加到该对象？
示例片段: 我从 ajax 调用获取脚本标记并将其存储在变量中。
var sampSnip = "<script> abc.header.value = "1"; abc.header.path = "/abc/def/ghi?isThirdParty=false&version=v123"; </script>";
$('head').append(sampSnip);
最佳答案
看看我刚刚为您编写的这个简单的登录表单。
//HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles/index.css">
<script src="scripts/index.js"></script>
</head>
<body>
<form>
<input type="text" name="username" placeholder="username">
<input type="password" name="password" placeholder="password">
<input id='signin' type="button" value="Sign In">
</form>
</body>
</html>
//JS
document.addEventListener("DOMContentLoaded", init);
function init(){
document.getElementById('signin').addEventListener('click', click.signin);
}
var click = {
"signin": function(e){
e.preventDefault();
var inputs = e.target.parentNode.children;
var data = new FormData();
var client = new XMLHttpRequest();
for(var i=0; i < inputs.length; i++){
if(inputs[i].type !== 'button'){
data.append('credentials['+inputs[i].name+']', inputs[i].value);
}
}
client.addEventListener("load", callback.signin);
client.open("POST", "/core/signin.php");
client.send(data);
}
};
var callback = {
"signin": function(e){
var data = JSON.parse(e.target.response);
console.log(data);
}
};
//PHP
<?php
echo json_encode($_POST['credentials']);
?>
//CSS
body{
margin: 0 !important;
height: 100vh;
width: 100vw;
display: -webkit-flex;
display: flex;
text-align: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
flex-direction: column;
background-color: #0B9AD8;
-webkit-background-size: cover;
background-size: cover;
}
form{
display: -webkit-flex;
display: flex;
-webkit-align-self: center;
align-self: center;
-webkit-flex-direction: column;
flex-direction: column;
padding: 1em;
margin: 0 !important;
background-color: #ECF0F1;
-webkit-border-radius: .3em;
border-radius: .3em;
-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.40);
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.40);
}
input{
width:22em;
height: 3em;
font-size: 1em;
font-weight: lighter !important; /* FIREFOX */
display: block;
margin-bottom: .5em;
outline: none;
text-align: center;
background-color: #fff;
border: 1px solid #d5dadc;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 !important; /* FIREFOX */
}
input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type="button"]{
cursor: pointer;
border: 1px solid #0089C4;
color: #fff;
background: #0089C4;
margin-bottom: 0 !important;
}
input[type="button"]:hover{
background: #0B9AD8;
}
input[type="button"]:active{
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
}
关于javascript - 如何使用jquery/javascript从head中动态添加的脚本标签读取值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34527738/
26
4
0
这个问题在这里已经有了答案: final keyword in method parameters [duplicate] (9 个回答) 关闭 8 年前。 在此示例中，声明 Object fina
我的目标:是通过我的函数更新字段获取选定值并使用函数输出值运行它。 问题:当我从列表中选择值时，它不会触发函数，也不会更新字段。 感谢您的帮助。 HTML 12 14 16 18 20 22 24
我有一本具有这种形式的字典: myDict = {'foo': bar, 'foobar baz': qux} 现在，我想拆分字典键中的空格，使其成为下一个键并获取值(重复)。 myDictRev1
vector a; vector b; int temp_holder; cout > temp_holder) a.push_back(temp_holder); cout > temp_h
Java 的开发过程中免不了与 Date 类型纠缠，准备总结一下项目经常使用的日期相关操作，JDK 版本 1.7，如果能够帮助大家节约那么几分钟起身活动一下，去泡杯咖啡，便是极好的，嘿嘿。当然，我
我正在使用 jquery ui 日期选择器来获取 fromDate 和 toDate 以下是from日期的代码 $("#from_date").datepicker({
我是一名优秀的程序员,十分优秀！