手机 的javascript有什么用?

手机 的javascript有什么用?,第1张

javascript是个脚本语言,可以在浏览器或者实现了javascript解析器的程序里面执行。手机里面的javascript开关,就是你用手机上网时,要不要执行网页里面的javascript脚本,和在pc上一个道理。

打个比方,你在百度搜索栏敲个字符,一般都会给个匹配的关键字的列表,你可以在里面选有没有自己想要的关键字。如果你把javascript关了,那这个列表就不会出现了。

■打开■

input name=Button onClick=documentallWebBrowserExecWB(1,1) type=button value=打开

OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0/OBJECT

■另存为■

input name=Button onClick=documentallWebBrowserExecWB(4,1) type=button value=另存为OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0/OBJECT

■属性■

input name=Button onClick=documentallWebBrowserExecWB(10,1) type=button value=属性OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0/OBJECT

■打印■

input name=Button onClick=documentallWebBrowserExecWB(6,1) type=button value=打印OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0/OBJECT

■页面设置■

input name=Button onClick=documentallWebBrowserExecWB(8,1) type=button value=页面设置OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0/OBJECT

■刷新■

input type=button value=刷新 name=refresh onclick="windowlocationreload()"

■导入收藏■

input type="button" name="Button" value="导入收藏夹" onClick=windowexternalImportExportFavorites(true,);

■导出收藏■

input type="button" name="Button3" value="导出收藏夹" onClick=windowexternalImportExportFavorites(false,);

■加入收藏■

INPUT name=Button2 onclick="windowexternalAddFavorite(locationhref, documenttitle)" type=button value=加入收藏夹

■整理收藏夹■

INPUT name=Submit2 onclick="windowexternalShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夹

■查看原文件■

INPUT name=Button onclick=windowlocation = "view-source:" + windowlocationhref type=button value=查看源文件

■语言设置■

INPUT name=Button onclick="windowexternalShowBrowserUI(LanguageDialog, null)" type=button value=语言设置

■前进■

INPUT name=Submit onclick=historygo(1) type=submit value=前进

■后退■

INPUT name=Submit2 onclick=historygo(-1) type=submit value=后退

用javascript操作数据库

scriptlanguage="javascript"runat="server"

//用javascript写服务器端连接数据库的代码示例

varconn=newActiveXObject("ADODBConnection");

connOpen("Provider=SQLOLEDB1;DataSource=localhost;UserID=sa;"

+"Password=password;InitialCatalog=meizz");

varrs=newActiveXObject("ADODBRecordset");

varsql="selectuser_kindfromtbRightSetwhereuser_id=’"+Account+"’";

rsopen(sql,conn);

if(!rsEOF)

{

sysUserKind=(rs("user_kind")+"")replace(/^\s+|\s+$/,"");

}

rsclose();rs=null;connclose();conn=null;

/script

CSS结合JS的运用

利用CSS配合javascript可以做很多更酷的动态页面效果,现在就简单的给大家简单介绍一下CSS配合JS的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,javascript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。 下面介绍几种常见的事件(还用更多事件,请查阅相关资料):

onClick:鼠标单击事件。(是指鼠标按下,然后松开时产生。)

onDblClick:鼠标双击事件。(是指鼠标快速按下,松开,并再次按下时产生。)

onMouseDown:鼠标按下事件。(鼠标按下时即产生。)

onMouseUp:鼠标释放事件。(是指鼠标从按下的状态到弹起。)

onMouseMove:鼠标移动事件。(是指在特定元素上移动鼠标。) onMouseOver:鼠标经过事件。(是指,当指针从外界往元素上移动时产生。)

onMouseOut:鼠标离开事件。(是指鼠标从特定元素上离开时产生。)

onLoad:载入事件。(当图象或页面结束载入时产生。)

onUnload:卸载事件。(当访问者离开页面时产生。)

onScroll:滚动条滚动事件。(当访问者使用卷轴上移或下移时产生。)

有了事件以后,我们就为事件加上动作。这里只说改变当前元素自定义样式的动作,我们可以用这个方法先设定好两个自定义的CSS样式,对象原先调用第一种样式,当产生鼠标事件时让对象应用到第二种CSS样式,而产生的鼠标效果,看下面这个例子。

在网页中插入一个图象,自定义一个“out”样式,用gray滤镜使变成黑白的:

将这个自定义样式应用到上,在浏览器中预览到变成了黑白,我们再定义一个样式“over”,这个样式没有任何内容,是空样式,样式表代码如下:

styletype="text/css"

!--

over{}

out{filter:Gray}

--

/style

然后在标记(IMG)里加上“onMouseOver="thisclassName=’over’" onMouseOut="thisclassName=’out’"”,意思为当鼠标经过时,为over样式,即彩色正常图象;当鼠标离开时,为out样式,即黑白图象。oMouseOver和onMouseOut是鼠标事件,thisclassName=””表示当前对象的class名为,注意大小写不要写错,JS对大小写非常敏感。

这样这个效果就完成了,保存后在浏览器里打开,图象是黑白的,当鼠标移上去时,图象变成彩色,鼠标离开时,图象又变回黑白。只要发挥你的想象,通过thisclassName方法还可以做出很多好看的鼠标效果。

从技术角度来讲,iOS,Android和WindowsPhone上的应用是由不同的编程语言来开发的。iOS应用是基于Objective-C开发的,Android应用基于Java,WindowsPhone应用基于NET,但是你也可以用合适的JavaScript,CSS和HTML知识来构建一个非常棒的移动应用。因此,这篇文章我们要讨论的就是一些用来开发移动应用的顶级JavaScript框架。对web开发而言,JavaScript一直是一门很有前途的编程语言并且会愈发壮大。那么JavaScript也会对移动应用的开发有同样的影响力吗?让我们拭目以待吧。以下就是我们在ValueCoders的研究结果中的9个顶级JavaScript移动应用开发框架。JavaScript移动开发框架Top91)PhoneGap/CordovaPhoneGap(ApacheCordova的分支)是一个可以帮助你重用现有web开发技术来迅速构建基于HTML,CSS和JavaScript的混合移动应用的软件开发框架。因此,它已经超出了JavaScript框架的范畴。但在你开始开发之前,了解PhoneGap框架对你来说依旧很重要。PhoneGap是你的Web应用程序代码和移动操作系统API之间的媒介。下图将帮助您更好地理解:Courtesy:和CSS一样的代码,还可以为Android和iOS等移动操作系统生成API。除了PhoneGap,有几个框架,可以帮助你的JavaScript文件转换为移动APIXamarin,Ionic,Corona也都是一些很不错的选择。进一步了解:XamarinorIonic:whichonetochoose2)TitaniumAppcelerator的Titanium框架是一个允许你用像HTML,CSS,JavaScript这样的web技术来开发原生应用(移动和桌面应用)的开源应用开发平台。Titanium移动SDK是时下最流行的跨平台移动开发解决方案,目前为止已经有超过916109个移动开发者和460,587,474个设备使用了Appcelerator提供的驱动程序。这里是Titanium框架的工作体系图:3)jQueryMobilejQueryMobile框架采取了"writeless,domore"的理念。它也是构建移动应用或者对移动设备友好的网站的顶级移动开发JavaScript框架之一。jQueryMobile支持大量的设备,不但兼容现代如iOS和Android的平台,也可以兼容早期的平台例如OperaMini和诺基亚的Symbian。在PhoneGap在帮助下,你可以把你的jQuery应用代码集成到一个交互式的iOS或Android应用中。4)SenchaTouchSenchaTouch(类似ExtJS)据说是可以为开发人员提供最优解决方案来创建快速、优秀并且可以工作在Android、iOS、KindleFire等平台上的移动应用的框架。它为我们带来了很多具有创造性的并且很实用的组件,而且这些组件可以在所有移动应用上有效的运行。下面是它的其中一个特性。这里是上述四个框架的一个特征比较:5)ReactNative如果你喜欢本地移动应用程序,你主要有两个选择:Xamarin和ReactNative。Xamarin只允许你编写同一种代码并且本身就包括类似的界面设计工具和调用方法。ReactNative(fromFacebook)从另一个方面给我们带来了完全不同的原生app开发方向。它使用了JavaScript代码和我们再熟悉不过的CSS以及HTML标签来做布局。这里是一个能够清晰地展示出ReactNative流行程度的图表。因此,如果你们团队的技术已经涉及到了React,那么ReactNative对你来说将会是一个不错的选择。进一步了解:5reasonstochooseFacebook’sReactJS6)MeteorMeteor是另一个可以帮助你开发交互式移动应用的JavaScript框架。Meteor不仅允许你使用JavaScript代码来开发移动App,而且可以让你能够对你的App进行持续的监测及控制。有了这个功能,即便你没有开发者的帮助,也可以使用代码热推送功能来快速给所有移动平台部署更新。Meteor(版本:10)的另一个特点是它会通过手机内存中运行的miniMongo数据库在本地维护一个数据拷贝。另外,Meteor会完成所有电话和服务器之间的数据通信及同步。(miniMongo是JavaScript实现的MongoDBAPI。)这是它的架构:相关阅读:开发中使用MeteorJS的优势7)NativeScriptNativeScript是Telerik发明的从单一的源代码构建多平台的本地移动应用程序工具集。NativeScript网站和GitHub页面描述运行时使开发人员能够利用JavaScript和TypeScript(甚至Angular20)来为安卓、iOS、构建本地应用程序,并提供代码平台。NativeScript的架构如下:8)RachetRatchet是顶级JavaScript框架的另一个主要元素,用来开发移动应用程序。它旨在为开发人员和设计人员提供了一个框架来构建移动web应用程序。该框架是由为我们带来Bootstrap的同一个团队创造,以确保Ratchet高质量。不管你想要的目标是Android,iOS,或两者兼而有之,Ratchet2x都能帮你实现。9)MobileAngularUIMobileAngularUI是顶级移动JavaScript框架之一。如果你是Angular忠实粉,那么这个框架很适合你。它提供了Bootstrap3遗漏但必不可少的移动组件:Switches(开关),overlays(覆盖),scrollableareas(可滚动区域),sidebars(侧边栏),absolutepositionedtop(置顶)和bottomnavbars(滚动时不反弹的带按钮的导航栏)等等一些提到的功能。然而,随着Angular2的发布,概念也发生了一些变化。所以对于Angular2的崇拜者来说,OnsenUI20可以是一个不错的选择。延伸阅读:使用AngularJS开发应用程序的十大优势结语为移动设备选择合适的JavaScript框架,其标准不是看框架包含的功能特色,而是在程序开发项目中该应用框架所能提供的功能。因此,根据您的项目需要来选择合适的JavaScript框架,能节省不少时间和成本。

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/4127619.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-04-17
下一篇2024-04-17

发表评论

登录后才能评论

评论列表(0条)

    保存