UFT与jQuery的交互DEMO

最新推荐文章于 2022-07-14 15:57:00 发布

blizzardlyk

最新推荐文章于 2022-07-14 15:57:00 发布

阅读量992

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/blizzardlyk/article/details/46619245

本文介绍了一个使用UFT自动化工具与包含jQuery脚本的网页进行交互的示例。示例展示了如何通过UFT调用jQuery函数实现DOM元素的添加和清除操作，并提供了具体的UFT脚本代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例页面的源码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>Title Goes Here</title>
	<!--<script src="jquery-1.11.3.min.js"></script> -->
</head>

<body>
	<script type="text/javascript" >
		function Append(){		
			$(".inner").append( "<p>DemoFuncCall</p>" );
		}	
		function Clear() {
			$(".inner").empty();
		}		
	</script>
	<p>This is my demo page</p>
	<button onclick="Append()">Click me</button>
	<button onclick="Clear()">clear</button>


	<div class="container">
	  <div class="inner">Hello</div>  
	</div>

</body>
</html>

UFT的示例代码：

Browser("Title Goes Here").EmbedScriptFromFile "C:\Users\liuyika\Desktop\jquery-1.11.3.min.js"

'Browser("Title Goes Here").Page("Title Goes Here").RunScript "Append();"
'wait 2
'Browser("Title Goes Here").Page("Title Goes Here").RunScript "Append();"
'wait 2
'Browser("Title Goes Here").Page("Title Goes Here").RunScript "Clear();"

'Browser("Title Goes Here").Page("Title Goes Here").RunScript "$('.inner').append( '<p>DemoFuncCall</p>' );"
'wait 1
'Browser("Title Goes Here").Page("Title Goes Here").RunScript "$('.inner').append( '<p>DemoFuncCall</p>' );"
'wait 2
'Browser("Title Goes Here").Page("Title Goes Here").RunScript "$('.inner').empty();"


set jQueryObj = Browser("Title Goes Here").Page("Title Goes Here").RunScript("$('.inner');")
jQueryObj.append( "<p>DemoFuncCall</p>" )
wait 1
jQueryObj.append( "<p>DemoFuncCall</p>" )
wait 2
jQueryObj.empty()