Yii registerScript的简单运用

最新推荐文章于 2021-05-05 03:47:37 发布

原创最新推荐文章于 2021-05-05 03:47:37 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#yii

Yii 专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了Yii框架中CClientScript类的registerScript()方法使用方法。该方法用于注册JavaScript代码，支持不同的加载位置，如页面头部、开始、结束等，并提供了一个示例展示如何在页面加载完成后执行进度条动画。

registerScript()方法

public CClientScript registerScript(string $id, string $script, integer $position=4)
$id	string	ID that uniquely identifies this piece of JavaScript code //代码片段的标示字段
$script	string	the javascript code //显示在页面里面的代码
$position	integer	the position of the JavaScript code. Valid values include the following: //加载方式 CClientScript::POS_HEAD : the script is inserted in the head section right before the title element. CClientScript::POS_BEGIN : the script is inserted at the beginning of the body section. CClientScript::POS_END : the script is inserted at the end of the body section. CClientScript::POS_LOAD : the script is inserted in the window.onload() function. CClientScript::POS_READY : the script is inserted in the jQuery's ready function.
{return}	CClientScript	the CClientScript object itself (to support method chaining, available since version 1.1.5).

视图页面加载

Yii::app()->clientScript->registerScript('scriptId', "
	var count = 0;
	var step  = 10;
	var speed = 500;
	function progress() {
		$('#amount').text(count+'%');
		$('#progress').progressbar('option', 'value', count);
		if(count < 100) {
			count = count+step;
			setTimeout(progress, speed);
		}
	}
	progress();
", CClientScript::POS_LOAD);

显示效果

jQuery(window).load(function() {

	var count = 0;
	var step  = 10;
	var speed = 500;
	function progress() {
		$('#amount').text(count+'%');
		$('#progress').progressbar('option', 'value', count);
		if(count < 100) {
			count = count+step;
			setTimeout(progress, speed);
		}
	}
	progress();

});

测试2

Yii::app()->clientScript->registerScript('script_id1','
	function test(){
		alert("测试内容");		
	}
	test();
',CClientScript::POS_LOAD);