老铁们，大家好，相信还有很多朋友对于谷歌浏览器 onclick和谷歌浏览器 安卓下载的相关问题不太懂，没关系，今天就由我来为大家分享分享谷歌浏览器 onclick以及谷歌浏览器 安卓下载的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

本文目录

1. 浏览器兼容性问题,火狐可以,谷歌不可以
2. button按钮onclick触发不了
3. js中关于获取元素属性的方法(object.style.width)
4. 谷歌浏览器不支持 document.formname.submit 解决方法
5. 如何html5在浏览器里访问手机后置摄像头

一、浏览器兼容性问题,火狐可以,谷歌不可以

1、火狐浏览器是一个自由及开放源代码网页浏览器，使用Gecko排版引擎，支持多种操作系统，如Windows、Mac OS X及GNU/Linux[2]等。Firefox独立于Windows内核，使用的是非ie核心。因此设置基本不受注册表控制。

2、谷歌浏览器又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。该浏览器是基于其他开源软件所撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。软件的名称是来自于称作Chrome的网络浏览器图形使用者界面（GUI）。但是目前网上支付还不支持谷歌浏览器。另外有些google服务被国内屏蔽，不能整合使用。

3、所以相对而言，谷歌浏览器的兼容性要差些，低于火狐浏览器。这也就是生活中我们遇到的有些操作火狐可以谷歌却不可以。

二、button按钮onclick触发不了

1、button按钮onclick触发不了如下：

2、button按钮里添加了disabled属性，是不能再触发点击事件的，但是可以给button添加一个div标签，在div里面添加点击事件。当勾选checkbox，按钮的disabled属性取消，按钮颜色也变了，也可以提交登录信息，button按钮不可以触发onclick。

3、通过轻微触摸即可改变事物，让用户得到了强烈的即时满足感。尽管现在触控屏被广泛使用，但物理按钮并没有完全消失。由物理按钮所形成的行为习惯和认知，影响着按钮设计的直观性和易用性。

4、button中的type属性规定了按钮的类型。Internet Explorer的默认类型是"button"，而其他浏览器中的默认值是"submit"。我用的是谷歌浏览器，默认也是“submit”，所以button的onclick事件会被form的action所取代。解决方法是指定button的type类型为button。

三、js中关于获取元素属性的方法(object.style.width)

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。

现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1.style.width对应#div1.offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS获取样式属性”之类的。

四、谷歌浏览器不支持 document.formname.submit 解决方法

1、form name="_thisform" method="post" style="padding-top:5px" action="index.php"

2、   input type="submit" name="submit" value="提交"a href="javascript:void(0)" onclick="_jumpto('200')"提交/a/td

3、   script type="text/javascript"

4、   function _jumpto(pageNO){;

5、   document._thisform.submit();

6、网上很多都说需要通过判断如果是谷歌浏览器则用ajax方式提交：

7、uncaught TypeError: Property'submit' of object#HTMLFormElement is not a function

8、其实不是谷歌浏览器不支持 document.formname.submit()方法，请注意绿色部分:input type="submit" name="submit" value="提交";实际上这里有个控件的名字叫做 submit，所以当使用 document.formname.submit()的时候，谷歌浏览器认为你是获取的 document.formname.submit这个控件，在这里就是这个提交的input框；解决办法很简单，只需要把这个提交按钮的名称改一下，不能用submit就可以了！ input type="submit" name="tijiao" value="提交"

五、如何html5在浏览器里访问手机后置摄像头

html5需要使用接口chrome30+ for android已经实现了利用webcam，调用手机后置摄像头，代码如下：

<htmlxmlns="">

<title>HTML5GetUserMediaDemo</title>

<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>

<inputtype="button"title="开启摄像头"value="开启摄像头"onclick="getMedia();"/><br/>

<videoheight="120px"autoplay="autoplay"></video><hr/>

<inputtype="button"title="拍照"value="拍照"onclick="getPhoto();"/><br/>

<canvasid="canvas1"height="120px"></canvas><hr/>

<inputtype="button"title="视频"value="视频"onclick="getVedio();"/><br/>

<canvasid="canvas2"height="120px"></canvas>

<scripttype="text/javascript">

varvideo=document.querySelector('video');

varcanvas1=document.getElementById('canvas1');

varcontext1=canvas1.getContext('2d');

varcanvas2=document.getElementById('canvas2');

varcontext2=canvas2.getContext('2d');

navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;

window.URL=window.URL||window.webkitURL||window.mozURL||window.msURL;

MediaStreamTrack.getSources(function(sourceInfos){

for(vari=0;i!=sourceInfos.length;++i){

//这里会遍历audio,video，所以要加以区分

if(sourceInfo.kind==='video'){

'sourceId':exArray[1]//0为前置摄像头，1为后置

},successFunc,errorFunc);//success是获取成功的回调函数

alert('Nativedevicemediastreaming(getUserMedia)notsupportedinthisbrowser.');

//alert('Succeedtogetmedia!');

if(video.mozSrcObject!==undefined){

//Firefox中，video.mozSrcObject最初为null，而不是未定义的，我们可以靠这个来检测Firefox的支持

video.src=window.URL&&window.URL.createObjectURL(stream)||stream;

audioType=getAudioType(audio);

audio.src='polaroid.'+audioType;

//将视频帧绘制到Canvas对象上,Canvas每60ms切换帧，形成肉眼视频效果

functiondrawVideoAtCanvas(video,context){

window.setInterval(function(){

context.drawImage(video,0,0,90,120);

functiongetAudioType(element){

if(element.canPlayType('audio/mp4;codecs="mp4a.40.5"')!==''){

}elseif(element.canPlayType('audio/ogg;codecs="vorbis"')!==''){

//vedio播放时触发，绘制vedio帧图像到canvas

//video.addEventListener('play',function(){

//drawVideoAtCanvas(video,context2);

context1.drawImage(video,0,0,90,120);//将video对象内指定的区域捕捉绘制到画布上指定的区域，实现拍照。

drawVideoAtCanvas(video,context2);

</html>

HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。但实际上用html5调用手机摄像头存在很多问题：

HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。但实际上用html5调用手机摄像头存在很多问题：

1）谷歌的发布的Chrome到了21版本后，才新增了一个用于高质量视频音频通讯的getUserMedia API，该API允许Web应用程序访问摄像头和麦克风,其他手机浏览器只有opera支持html5调用本地拍照功能

2）两个浏览器均不支持访问多个摄像头：chrome不支持访问后置摄像头，pera支持访问后置摄像头的

OK，本文到此结束，希望对大家有所帮助。