问题:js中希望字符串换行显示,而不是在同一行
解决:使用反斜扛符号()
方法:
如:html = "<div><h1>Hello</h1><p>Today is a good day!</p></div>";
希望上面字符串换行显示,更改如下:
html = "
<div>
<h1>Hello</h1>
<p>Today is a good day!</p>
</div>";
分类 "JavaScript" 下的文章
问题:使用jquery时出现$.browser is undefined的错误
解决:这是因为jquery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。
方法一:
将jquery更改为1.7的版本
方法二:将用到的$.browser更改为$.support
问题:希望在手机访问网站时,直接跳转到手机版网站
解决:使用百度提供的js脚本
方法:
一、在pc网站的页面title下添加下面代码
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://m.mantutu.com","http://www.mantutu.com");</script>
这样就实现了网站首页的跳转了
问题:希望在浏览器中调用摄像头,拍摄头像
解决:使用html5技术,取代Flash
方法:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>html5,js调用摄像头</title>
</head>
<body>
<!--
理想情况下我们应该先判断你的设备上是否
有摄像头或相机,但简单起见,我们在这里直接
写出了HTML标记,而不是用JavaScript先判断
然后动态生成这些标记
-->
<video id="video" width="640" height="480" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>
<script>
// Put event listeners into place
window.addEventListener("DOMContentLoaded", function() {
// Grab elements, create settings, etc.
var canvas = document.getElementById("canvas"),
context = canvas.getContext("2d"),
video = document.getElementById("video"),
videoObj = { video: true },
errBack = function(error) {
console.log("Video capture error: ", error.code);
};
// Put video listeners into place
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
}
else if(navigator.mozGetUserMedia) { // Firefox-prefixed
navigator.mozGetUserMedia(videoObj, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
// 触发拍照动作
document.getElementById("snap")
.addEventListener("click", function() {
context.drawImage(video, 0, 0, 640, 480);
});
}, false);
</script>
</body>
</html>
注:如果出现Video capture error: undefined 可能是摄像头被占用
问题:js如何创建object对象
方法:
一、使用new操作符后跟Object构造函数 如:
var person = new Object(); 可以写成 var person = {};
person.name = "kitty";
person.age = 25;
二、使用“对象字面量”表示法,如:
var person = {
name : "kitty",
age:25
};
三、工厂模式 方法:
var createPerson = function(name,age,job){
var person = new Object();
person.name = name;
person.age = age;
person.job = job;
person.sayName = function(){
alert(person.name);
}
return person;
}
var person1 = createPerson("zh","62","Doctor");
person1.sayName();
四、构造函数模式 方法
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
};
var person1 = new Person("zhou",23,"test");
person1.sayName();