小编Mar*_*n54的帖子
javascript:禁用文本选择
我正在使用javascript来禁用我的网站上的文本选择.
代码是:
<script type="text/JavaScript">
function disableselect(e) {
return false
}
function reEnable() {
return true
}
document.onselectstart = new Function ("return false")
if (window.sidebar) {
document.onmousedown = disableselect
document.onclick = reEnable
}
</script>
类似的脚本可以在这里找到:http://rainbow.arch.scriptmania.com/scripts/no_right_click.html
在我的本地主机上:所有浏览器(Firefox,Chrome,IE和Safari)运行良好.
在我的Live网站上:除了Firefox之外一切正常.
我的问题是:
有没有人建议为什么Firefox对于实时站点和本地主机的行为不同.注意:Javascript已启用.
也许我的脚本过于简单,所以我尝试了以下完全相同的结果:http://freeware.ke-zo.com/CODES/DisableRC.txt
推荐指数
解决办法
查看次数
jQuery Ajax返回整个页面
我有一个jquery-ajax函数,它将数据发送到php脚本,问题在于返回值,它返回整个页面而不是单个值.
感谢您的时间和帮助.
$("#ajaxBtn").click(function(){
var inputText = $("#testText").val();
$.ajax({ type: "POST",
url: "index.php",
data: "testAjax="+inputText,
dataType: "html",
success: function(html){
alert(html);
}
});
});
推荐指数
解决办法
查看次数
phpStorm php-cgi的问题
所以我最近改为ubuntu,我正在尝试再次设置我的环境,我设法安装LAMP和phpmyadmin和phpstorm.
但我无法做的是从phpStorm运行php脚本,当我尝试运行该程序页面给我一个"502 Bad gateway"错误,当我回到phpStorm它告诉我php-cgi是未找到.
我试图解决问题,但找不到任何可靠的答案,我现在很困惑 
我也成功添加了php解释器和xDebug
推荐指数
解决办法
查看次数
jQuery的ajax导致FireFox中的整页刷新
我正在使用jQuery进行ajax调用.在IE 7中,ajax调用工作正常,但FireFox 3在进行此调用时始终会执行整页刷新.ajax调用是POST到ASP.NET页面方法.
在jQuery中有问题还是我错过了一些设置？
$.ajax({
async: false,
type: "POST",
url: "Default.aspx/DoSomething",
data: "{" + parms + "}",
contentType: "application/json; charset=utf-8",
dataType: "json",
cache: false,
success: function(data) { succesfulPost(data); },
error: function(XMLHttpRequest, textStatus, errorThrown) {
errorPost(textStatus, errorThrown);
}
});
该调用是通过html按钮onclick事件进行的.我尝试了
return false;进行此ajax调用的方法,但FireFox中的完全刷新仍在继续.
我试过设置async = true,但这似乎不起作用.FireFox只是继续前进,不等待后端返回响应.FireFox(在js中)实际上是在ajax调用中生成错误.如上所示,定义了错误函数,当我设置async = true时会触发此错误.
推荐指数
解决办法
查看次数
使用Javascript更改类的内容
我开始在W3schools中阅读JavaScript并测试/更改他们给出的示例中的一些内容,这样我就可以看到正在做什么但却无法识别语法.
以下是原始代码更改p标签的内容, 将链接到它.
<p id="demo">
JavaScript can change the content of an HTML element.
</p>
<script>
function myFunction()
{
x = document.getElementById("demo"); // Find the element
x.innerHTML = "Hello JavaScript!"; // Change the content
}
</script>
<button type="button" onclick="myFunction()">Click Me!</button>
我想知道如何使用相同的类更改内容,但失败了,因为您可以看到下面的示例不起作用.下面的代码小提琴.
<p class="demo">
JavaScript can change the content of an HTML element.
</p>
<p class="demo">Yolo</p>
<script>
function myFunction()
{
x = document.getElementsByClassName("demo"); // Find the element
x.innerHTML = "Hello JavaScript!"; // Change the content
}
</script> …推荐指数
解决办法
查看次数
如何用ajax响应替换整个html网页？
在讨论具体问题之前,我需要解释几个基本步骤.
首先,该申请涉及客户在线约会的管理.
填写表格并向美容中心提供治疗并提供信息后,客户将进入确认页面.
现在,此页面执行ajax请求以在数据库上存储约会.
如果一切顺利,则会显示一个页面,其中包含成功消息的约会详细信息.
问题是页面当前仅显示在响应中,即在选项卡网络控制台浏览器中.
所以我的问题很简单: How can I replace the entire structure of the html page with actual one shown in the response?
我甚至在StackOverflow上发现了很多关于网络的问题.但所有这一切都限于对div的附加.我不需要挂起但也可以替换<html>,如何重写html页面.我不知道该怎么做,我需要你的一些建议.
为了完整性,这是回复给我ajax响应html的代码:
$.ajax({
'type': 'POST',
'url': 'backend_api/ajax_save_appointment',
'data': postData,
'success': function(response)
{
console.log(response);
},
'error': function(jqXHR, textStatus, errorThrown)
{
console.log('Error on saving appointment:', jqXHR, textStatus, errorThrown);
}
});
推荐指数
解决办法
查看次数
即使浏览器意外关闭,如何保持会话活动？
我想在我的网站上添加一些内容.
即使用户意外关闭了浏览器,如何保持用户的会话处于活动状态.比如在facebook中.
如果您登录到他们的站点并关闭选项卡或浏览器,当您再次打开浏览器并访问Facebook时,他们将自动检测活动用户,并且不会将您重定向到登录页面.
我怎么做？
推荐指数
解决办法
查看次数
React：更新子组件而不渲染父组件
以下是一个简单的示例：
const { Component } = React
const { render } = ReactDOM
const Label = ({text}) => (<p>{text}</p>)
const Clock = ({ date }) => (
<div>{date.toLocaleTimeString()}</div>
)
class App extends Component {
constructor() {
super()
this.state = {
date: new Date()
}
}
componentWillMount() {
this.interval = setInterval(
() => this.setState({ date: new Date() }),
1000
)
}
componentWillUnmount() {
clearInterval(this.interval)
}
updateTime() {
}
render() {
return (
<div>
<Label text="The current time is:" />
<Clock date={this.state.date} …推荐指数
解决办法
查看次数
如何计算 HTML 元素内容的可见高度和宽度？
我正在使用 puppeteer 在我构建的应用程序中截取内容的屏幕截图。我的大部分代码都可以正常工作，但在一些情况下结果不符合预期。
我可以成功地指示 puppeteer 抓取具有定义的 css 的元素的屏幕抓取height并在该元素上width使用getBoundingClientRect()，但在没有定义高度/宽度的情况下。
我想知道在技术上是否可以根据内部元素的和来获取元素的height和。widthheightwidth
例如（或者我最可能遇到的情况）我可能有一段内容，其中正文没有设置样式参数，但内部内容将设置高度。它可能不是第一个子元素，但它甚至可能是子元素的子元素。
我已经探索过使用 getgetBoundingClientRect()但offsetHeight没有成功。
有没有一种方法可以让我获得元素的计算高度/宽度？
var body = document.querySelector('body');
console.log(body.clientHeight);
console.log(body.style.height);
console.log(body.getClientRects());
console.log(body.getBoundingClientRect());#container {
height:200px;
width:200px;
background-color:blue;
border:1px solid black;
color: white;
text-align: center;
}<body>
<div id="container">
HELLO
</div>
</body>推荐指数
解决办法
查看次数
SASS 为 mixin 中的每个属性添加重要内容
有没有办法将 !important 添加到 中的每个属性@mixin？
例如：
@mixin myMixin {
color:red;
border:1px solid red;
position:relative;
...
}
p {
@include myMixin(!important);
//or
//@include myMixin!important; => SASS Syntax Error
}
这是CSS的结果
p {
color:red;
border:1px solid red;
position:relative;
...
}
我想要这个
p {
color:red!important;
border:1px solid red!important;
position:relative!important;
...
}
推荐指数
解决办法
查看次数
宽适合内容适用于Chrome但不适用于资源管理器
我构建了一个应用程序,所有内容都在Chrome中完美显示,但如果我在Windows资源管理器中打开该应用程序,则容器会比应有的小.
我正在使用width: fit-content.这是否仅适用于Chrome.
我怎样才能使它适用于所有浏览器？
推荐指数
解决办法
查看次数