如何把HTML和js连接

如何把HTML和js连接,第1张

思路

这么写从HTML和JS连接来说,没有问题。问题在于动起来,如果要动起来,需要定时触发该函数,使用的定时方法用setInterval

代码示例

<html>

<body>

<input type="text" id="clock" size="35" />

<script language=javascript>

var int=selfsetInterval("clock()",50);//50毫秒执行一次

function clock()

  {

  var t=new Date()

  documentgetElementById("clock")value=t

  }

</script>

</form>

<button onclick="int=windowclearInterval(int)">

Stop interval</button>

</body>

</html>

html无法调用数据库。通常的最发是server端连接和 *** 作数据库,然后将信息用json串的形式发送到前端,前端解析json串获取数据并填充到界面。

如果你是希望在一个html文件中,访问数据库就需要server端技术,可以选择jsp、php、ASPNET等,这些技术可以实现在前台调用后端数据库。不过这是非常危险且不安全的做法,不建议你应用到实际项目中。

非常狭义地说,前端在网络协议层面就不能直接「连接」到数据库。因为 JS 默认发出的请求走的都是应用层的 >

以连接ORACLE数据库为例:

//创建数据库连接对象

var conn = new ActiveXObject("ADODBConnection");

//创建数据集对象

var rs = new ActiveXObject("ADODBRecordset");

try{ 

//如果不知道如何配置连接串,可以通过配置UDL文件后用文本编辑器打开获得 

var connectionstring = "Provider=OraOLEDBOracle1;Password=pwd;Persist Security Info=True;User ID=username;Data Source=ORA";  

//打开连接 

connopen(connectionstring);

//查询语句 

var sql = " select  from tb_col ";  

//打开数据集(即执行查询语句) 

rsopen(sql,conn);  

//遍历所有记录 

while(!rseof){

  //WScript是Windows 的脚本宿主对象,详细情况请在windows帮助里查找。  

  //WScriptEcho输出记录的内容  

  WScriptEcho(rsFields("id") + "\t" + rsFields("name") + "\n");  

  //下一条记录  

  rsmoveNext(); } 

  //关闭记录集 

  rsclose(); 

  //关闭数据库连接 

  connclose();} catch(e){ 

  //异常报告 

  WScriptEcho(emessage);} finally{ 

  }

数据库连接串,具体配置请参考:>

楼上说的对 JAVA和javescript是不一样的

javescript是下载到客户端的脚本 PHP、jsp、asp是运行在服务器端的,用户端是看不到的

如果要和后台服务器连接就要用到AJAX AJAX的话 会用到JavaScript 但还有别的一些东西

例子: Google Map

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。

Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。

以上就是关于如何把HTML和js连接全部的内容,包括:如何把HTML和js连接、html如何调用数据库信息的链接、HTML能不能和数据库连接等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/9805916.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存